@gipisistemas/ngx-core 1.0.1

package/components/textarea/textarea.component.scss

@@ -0,0 +1,31 @@
+@use '../../theming/utils' as utils;
+
+@mixin textarea-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+
+    .g-textarea-label {
+        @include utils.field-label($theme);
+    }
+
+    .g-textarea {
+        @include utils.mat-form-field-reset($theme, true);
+
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        font-family: $font-family;
+        color: $font-color;
+        position: relative;
+        overflow: visible;
+        min-width: 0;
+        width: 100%;
+        min-height: fit-content;
+        height: fit-content;
+
+        .mat-mdc-form-field .mat-mdc-form-field-input-control {
+            resize: vertical;
+        }
+    }
+}

package/components/toast/index.d.ts

@@ -0,0 +1,4 @@
+export * from './shared/toast-types.enum';
+export * from './shared/toast.model';
+export * from './shared/toast.service';
+export * from './toast.component';

package/components/toast/shared/toast-types.enum.d.ts

@@ -0,0 +1,7 @@
+export declare enum eToastTypes {
+    SUCCESS = 0,
+    ERROR = 1,
+    WARNING = 2,
+    INFO = 3
+}
+export type tToastTypes = keyof typeof eToastTypes;

package/components/toast/shared/toast.model.d.ts

@@ -0,0 +1,7 @@
+import { tToastTypes } from './toast-types.enum';
+export declare class ToastModel {
+    type: tToastTypes;
+    title: string;
+    description: string;
+    constructor(type: tToastTypes, title: string, description: string);
+}

package/components/toast/shared/toast.service.d.ts

@@ -0,0 +1,12 @@
+import { ToastModel } from './toast.model';
+import * as i0 from "@angular/core";
+export declare class ToastService {
+    private _matSnackBar;
+    show(toast: ToastModel): void;
+    success(description: string): void;
+    error(description: string): void;
+    warning(description: string): void;
+    info(description: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToastService>;
+}

package/components/toast/toast.component.d.ts

@@ -0,0 +1,18 @@
+import { tToastTypes } from './shared/toast-types.enum';
+import { ToastModel } from './shared/toast.model';
+import * as i0 from "@angular/core";
+export declare class ToastIconComponent {
+    protected readonly _uniqueId: string;
+    id: string;
+    name: string;
+    type: tToastTypes;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastIconComponent, "gipi-toast-icon", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "type": { "alias": "type"; "required": true; }; }, {}, never, never, true, never>;
+}
+export declare class ToastComponent {
+    protected readonly _uniqueId: string;
+    protected toast: ToastModel;
+    protected get classType(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "gipi-toast", never, {}, {}, never, never, true, never>;
+}

package/components/toast/toast.component.scss

@@ -0,0 +1,135 @@
+@use '../../theming/utils' as utils;
+
+@mixin toast-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $white-100: utils.get-color($theme, white, 100);
+    $secondary-500: utils.get-color($theme, secondary, 500);
+    $secondary-900: utils.get-color($theme, secondary, 900);
+    $success-500: utils.get-color($theme, success, 500);
+    $danger-500: utils.get-color($theme, danger, 500);
+    $warning-500: utils.get-color($theme, warning, 500);
+    $information-500: utils.get-color($theme, information, 500);
+
+    $black-100: utils.get-color($theme, black, 100);
+
+    .mat-mdc-snack-bar-container,
+    .mat-mdc-snackbar-surface,
+    .mat-mdc-snack-bar-label {
+        background: transparent !important;
+        box-shadow: none !important;
+        padding: 0 !important;
+        margin: 0 !important;
+    }
+
+    .mat-mdc-snackbar-surface {
+        min-width: 300px !important;
+        max-width: 380px !important;
+    }
+
+    .mat-mdc-snack-bar-label {
+        padding-top: 4rem !important;
+    }
+
+    .g-toast {
+        display: flex;
+        align-items: center;
+        gap: 1.2rem;
+        padding: 2rem 1.2rem;
+        width: 100%;
+        height: 100%;
+        background: $white-100;
+        border-radius: 4px;
+        border-left: 5px solid $secondary-500;
+        box-shadow: -1px 2px 7px -1px rgba(0, 0, 0, 0.27);
+        font-family: $font-family;
+        position: relative;
+
+        .g-toast-icon,
+        .g-toast-icon > svg {
+            height: 4rem;
+            width: 4rem;
+            font-size: 4rem;
+        }
+
+        .g-content {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            gap: 0.8rem;
+
+            .g-title {
+                font-family: $font-family;
+                color: $black-100;
+                font-size: 1.6rem;
+                font-weight: 700;
+                margin-bottom: 3px;
+            }
+
+            .g-description {
+                font-family: $font-family;
+                font-size: 1.4rem;
+                font-weight: 400;
+                line-height: 130%;
+                color: $secondary-900;
+            }
+        }
+
+        .g-progress-bar {
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            height: 4px;
+            background-color: $secondary-500;
+            transition: width linear;
+        }
+
+        &.success {
+            border-color: $success-500;
+
+            .g-toast-icon > svg {
+                color: $success-500;
+                fill: $success-500;
+            }
+            .g-progress-bar {
+                background-color: $success-500;
+            }
+        }
+
+        &.error {
+            border-color: $danger-500;
+
+            .g-toast-icon > svg {
+                color: $danger-500;
+                fill: $danger-500;
+            }
+            .g-progress-bar {
+                background-color: $danger-500;
+            }
+        }
+
+        &.warning {
+            border-color: $warning-500;
+
+            .g-toast-icon > svg {
+                color: $warning-500;
+                fill: $warning-500;
+            }
+            .g-progress-bar {
+                background-color: $warning-500;
+            }
+        }
+
+        &.info {
+            border-color: $information-500;
+
+            .g-toast-icon > svg {
+                color: $information-500;
+                fill: $information-500;
+            }
+            .g-progress-bar {
+                background-color: $information-500;
+            }
+        }
+    }
+}

package/components/toggle-switch/index.d.ts

@@ -0,0 +1 @@
+export * from './toggle-switch.component';

package/components/toggle-switch/toggle-switch.component.d.ts

@@ -0,0 +1,49 @@
+import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import * as i0 from "@angular/core";
+export interface iToggleSwitchChange {
+    originalEvent: Event;
+    checked: boolean;
+    value: unknown;
+}
+export declare class ToggleSwitchComponent implements ControlValueAccessor, Validator, OnChanges {
+    _inputRef: ElementRef<HTMLInputElement>;
+    protected readonly _uniqueId: string;
+    protected _inputId: string;
+    private _changeDetectorRef;
+    private _modelValue;
+    id: string;
+    name: string;
+    label: string;
+    required: boolean;
+    readonly: boolean;
+    trueValue: unknown;
+    falseValue: unknown;
+    private _disabled;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    readonly onSelectionChangeEvent: EventEmitter<iToggleSwitchChange>;
+    readonly onFocusEvent: EventEmitter<FocusEvent>;
+    readonly onBlurEvent: EventEmitter<FocusEvent>;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    _onChange: (value: boolean) => void;
+    _onTouched: () => void;
+    _validatorChangeFn: () => void;
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    validate(control: AbstractControl<boolean>): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    onHandleKeydown(event: KeyboardEvent): void;
+    onHandleClick(event: Event): void;
+    onHandleFocus(event: FocusEvent): void;
+    onHandleBlur(event: FocusEvent): void;
+    isChecked(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToggleSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleSwitchComponent, "gipi-toggle-switch", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "trueValue": { "alias": "trueValue"; "required": false; }; "falseValue": { "alias": "falseValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChangeEvent": "selectionChange"; "onFocusEvent": "focus"; "onBlurEvent": "blur"; }, never, never, true, never>;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}

package/components/toggle-switch/toggle-switch.component.scss

@@ -0,0 +1,105 @@
+@use '../../theming/utils' as utils;
+
+@mixin toggle-switch-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+    $white-100: utils.get-color($theme, white, 100);
+    $black-200: utils.get-color($theme, black, 200);
+    $black-300: utils.get-color($theme, black, 300);
+    $danger-500: utils.get-color($theme, danger, 500);
+    $secondary-100: utils.get-color($theme, secondary, 100);
+    $secondary-300: utils.get-color($theme, secondary, 300);
+    $secondary-500: utils.get-color($theme, secondary, 500);
+
+    .g-toggle-switch-label {
+        font-family: $font-family;
+        font-size: $font-size;
+        color: $font-color;
+        line-height: 2.6rem;
+        display: flex;
+        align-items: flex-start;
+        cursor: pointer;
+
+        &.disabled {
+            @include utils.user-select(none);
+
+            cursor: not-allowed;
+            color: $secondary-100;
+        }
+    }
+
+    .g-toggle-switch {
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+        overflow: visible;
+        min-width: 4.8rem;
+        width: fit-content;
+        min-height: fit-content;
+        height: fit-content;
+
+        .g-toggle-switch-content {
+            font-size: $font-size;
+            position: relative;
+            display: inline-block;
+            min-width: 4.8rem;
+            width: 4.8rem;
+            height: 2.6rem;
+
+            &.g-toggle-switch-disabled {
+                @include utils.user-select(none);
+
+                cursor: not-allowed;
+            }
+
+            .g-toggle-switch-checkbox {
+                display: none;
+                opacity: 0;
+                width: 0;
+                height: 0;
+            }
+        }
+
+        .g-toggle-switch-slider {
+            position: absolute;
+            cursor: pointer;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            background-color: $secondary-100;
+            transition: 0.1s;
+            border-radius: 2.8rem;
+
+            &:before {
+                content: '';
+                position: absolute;
+                top: 50%;
+                left: 0;
+                height: 2rem;
+                width: 2rem;
+                border-radius: 50%;
+                background-color: $secondary-500;
+                transition: 0.4s;
+                transform: translate(0.4rem, -50%);
+            }
+        }
+
+        .g-toggle-switch-checkbox:disabled + .g-toggle-switch-slider::before {
+            background-color: $secondary-300;
+        }
+
+        .g-toggle-switch-checkbox:checked + .g-toggle-switch-slider:before {
+            transform: translate(2.4rem, -50%);
+        }
+
+        .g-toggle-switch-checkbox:checked + .g-toggle-switch-slider::before {
+            background-color: $black-200;
+        }
+
+        .g-toggle-switch-checkbox:focus + .g-toggle-switch-slider {
+            box-shadow: 0 0 1px $black-200;
+        }
+    }
+}

package/components/toolbar/index.d.ts

@@ -0,0 +1 @@
+export * from './toolbar.component';

package/components/toolbar/toolbar.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class ToolbarComponent {
+    protected readonly _uniqueId: string;
+    id: string;
+    name: string;
+    label: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "gipi-toolbar", ["gToolbar"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/components/toolbar/toolbar.component.scss

@@ -0,0 +1,22 @@
+@use '../../theming/utils' as utils;
+
+@mixin toolbar-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+    $black-100: utils.get-color($theme, black, 100);
+
+    .g-toolbar {
+        display: flex;
+        align-items: center;
+        width: 100%;
+        color: $black-100;
+        height: 4.4rem;
+
+        .g-toolbar-label {
+            font-family: $font-family;
+            font-size: 2.2rem;
+            line-height: 130%;
+        }
+    }
+}

package/components/top-nav/index.d.ts

@@ -0,0 +1 @@
+export * from './top-nav.component';

package/components/top-nav/top-nav.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class TopNavComponent {
+    protected readonly _uniqueId: string;
+    id: string;
+    name: string;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<TopNavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TopNavComponent, "gipi-top-nav", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/components/top-nav/top-nav.component.scss

@@ -0,0 +1,18 @@
+@use '../../theming/utils' as utils;
+
+@mixin top-nav-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $primary-500: utils.get-color($theme, primary);
+    $secondary-50: utils.get-color($theme, secondary, 50);
+
+    .g-top-nav {
+        display: flex;
+        align-items: center;
+        padding: 12px;
+        height: 65px;
+        max-height: 65px;
+        background-color: $secondary-50;
+        border-bottom: 2px solid $primary-500;
+    }
+}

package/components/tree-table/index.d.ts

@@ -0,0 +1,8 @@
+export * from './shared/tree-table-arrow-animations';
+export * from './shared/tree-table-column-builder.model';
+export * from './shared/tree-table-column-condition.enum';
+export * from './shared/tree-table-column-partial.model';
+export * from './shared/tree-table-column.model';
+export * from './shared/tree-table-menu-item-context-builder.model';
+export * from './shared/tree-table-menu-item-context.model';
+export * from './tree-table.component';

package/components/tree-table/shared/tree-table-arrow-animations.d.ts

@@ -0,0 +1 @@
+export declare const rotateArrowTreeTableExpand: import("@angular/animations").AnimationTriggerMetadata;

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

@@ -0,0 +1,55 @@
+import { TemplateRef } from '@angular/core';
+import { BaseModel } from '../../../base/models/base.model';
+import { tTreeTableColumnCondition } from './tree-table-column-condition.enum';
+import { TreeTableColumn } from './tree-table-column.model';
+export declare class TreeTableColumnBuilder<TNode extends BaseModel = any> {
+    private _label;
+    private _value;
+    private _subValue;
+    private _borderSpacing;
+    private _width;
+    private _minWidth;
+    private _maxWidth;
+    private _slice;
+    private _visible;
+    private _templateCell;
+    private _action;
+    constructor();
+    static instance<T extends BaseModel = any>(): TreeTableColumnBuilder<T>;
+    /** Nome da coluna que será exibido no cabeçalho da tabela. */
+    label(value: string): TreeTableColumnBuilder<TNode>;
+    /**
+     * 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: TNode) => string | number)): TreeTableColumnBuilder<TNode>;
+    /**
+     * 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: TNode) => string | number)): TreeTableColumnBuilder<TNode>;
+    /** 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): TreeTableColumnBuilder<TNode>;
+    /** A largura padrão da coluna, em (pixels, rem, %) */
+    width(value: number | string): TreeTableColumnBuilder<TNode>;
+    /** A largura mínima da coluna, em (pixels, rem, %) */
+    minWidth(value: number | string): TreeTableColumnBuilder<TNode>;
+    /** A largura máxima da coluna, em (pixels, rem, %) */
+    maxWidth(value: number | string): TreeTableColumnBuilder<TNode>;
+    /** Indica se o texto deverá aplicar ellipses. */
+    slice(value: tTreeTableColumnCondition<TNode>): TreeTableColumnBuilder<TNode>;
+    /** Indica se a coluna será visível. */
+    visible(value: tTreeTableColumnCondition<TNode>): TreeTableColumnBuilder<TNode>;
+    /** Template que será exibido na célula da coluna da tabela. */
+    templateCell(value: TemplateRef<{
+        $implicit: TNode;
+    }> | null): TreeTableColumnBuilder<TNode>;
+    /** Evento acionado ao clicar sobre a coluna */
+    action(value: ((object: TNode) => void) | null): TreeTableColumnBuilder<TNode>;
+    build(): TreeTableColumn<TNode>;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { BaseModel } from '../../../base/models/base.model';
+import { TreeTableColumn } from './tree-table-column.model';
+export type tTreeTableColumnPartial<TRow extends BaseModel = BaseModel> = Partial<Omit<TreeTableColumn<TRow>, 'label' | 'value'>> & {
+    label: string;
+    value: string | number | ((object: TRow) => string | number);
+};

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

@@ -0,0 +1,40 @@
+import { BaseModel } from '../../../base/models/base.model';
+import { tImplicitTemplateRef } from '../../../types/implicit-template.type';
+import { tTreeTableColumnCondition } from './tree-table-column-condition.enum';
+export declare class TreeTableColumn<TNode extends BaseModel = BaseModel> {
+    /** Nome da coluna que será exibido no cabeçalho da tabela. */
+    label: 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: TNode) => 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: TNode) => string | number);
+    /**
+     * 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: tTreeTableColumnCondition<TNode>;
+    /** Indica se a coluna será visível. */
+    visible: tTreeTableColumnCondition<TNode>;
+    /** Template que será exibido na célula da coluna da tabela. */
+    templateCell: tImplicitTemplateRef<TNode>;
+    /** Evento acionado ao clicar sobre a linha */
+    action: ((object: TNode) => void) | null;
+    constructor(init?: Partial<TreeTableColumn<TNode>>);
+}

package/components/tree-table/shared/tree-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 { tTreeTableColumnCondition } from './tree-table-column-condition.enum';
+import { TreeTableMenuItemContext } from './tree-table-menu-item-context.model';
+export declare class TreeTableMenuItemContextBuilder<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>(): TreeTableMenuItemContextBuilder<T>;
+    /** Identificador do menu-item. */
+    id(value: string): TreeTableMenuItemContextBuilder<TRow>;
+    /** Nome identificador do menu-item. */
+    name(value: string): TreeTableMenuItemContextBuilder<TRow>;
+    /** Tooltip do menu-item. */
+    tooltip(value: string): TreeTableMenuItemContextBuilder<TRow>;
+    /** Controla a visibilidade do item de menu. */
+    visible(value: tTreeTableColumnCondition<TRow>): TreeTableMenuItemContextBuilder<TRow>;
+    /** Ícone do menu-item. */
+    icon(value: string): TreeTableMenuItemContextBuilder<TRow>;
+    /** Ícone SVG do menu-item. */
+    svgIcon(value: string): TreeTableMenuItemContextBuilder<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): TreeTableMenuItemContextBuilder<TRow>;
+    /**
+     * Define o valor de fill no font-variation-settings
+     * @FILLED FILL = 1;
+     * @OUTILINE FILL = 0;
+     */
+    iconVariation(value: tIconVariation): TreeTableMenuItemContextBuilder<TRow>;
+    /** Define o valor de wght no font-variation-settings */
+    iconWeight(value: tIconWeight): TreeTableMenuItemContextBuilder<TRow>;
+    /**
+     * Define o valor de GRAD no font-variation-settings
+     * @LOW GRAD = -25;
+     * @DEFAULT GRAD = 0;
+     * @HIGH GRAD = 200;
+     */
+    iconGrade(value: tIconGrade): TreeTableMenuItemContextBuilder<TRow>;
+    /** Define o valor de opsz no font-variation-settings */
+    iconOptical(value: tIconOptical): TreeTableMenuItemContextBuilder<TRow>;
+    /** Exibe o ícone de novo (new) abaixo do menu-item. */
+    showTagNew(value: boolean): TreeTableMenuItemContextBuilder<TRow>;
+    /** Ação disparada ao clicar no menu-item. */
+    action(value: (object: TRow) => void): TreeTableMenuItemContextBuilder<TRow>;
+    build(): TreeTableMenuItemContext<TRow>;
+}