@gipisistemas/ngx-core 1.0.1

package/components/field-error/field-error.component.d.ts

@@ -0,0 +1,95 @@
+import { OnInit, type OnChanges, type SimpleChanges } from '@angular/core';
+import { AbstractControl, NgControl } from '@angular/forms';
+import { tFieldErrorCustomValidators } from './shared/field-error-custom-validators.type';
+import * as i0 from "@angular/core";
+/**
+ * Componente para exibição de mensagens de erro de formulário no Angular.
+ *
+ * Este componente exibe mensagens de erro associadas a um controle de formulário (usando `NgControl` ou `AbstractControl`).
+ * Ele pode ser utilizado dentro de campos de formulário com `mat-form-field` do Angular Material e trabalha tanto com formulários reativos quanto baseados em template-driven.
+ *
+ * **Como Usar:**
+ *
+ * 1. Adicione o componente `gipi-field-error` dentro de um `mat-form-field` ou outro container de formulário:
+ *
+ * ```html
+ * <mat-form-field>
+ *     <input matInput [formControl]="control">
+ *     <gipi-field-error [control]="control" />
+ * </mat-form-field>
+ * ```
+ *
+ * 2. Se você desejar adicionar erros personalizados, utilize o input `customErrors` com um objeto que mapeia erros para funções personalizadas. Cada função recebe o valor do erro, o controle correspondente e o nome do erro. Se a função retornar `null` ou `undefined`, o erro não será exibido.
+ *
+ * **Exemplo de uso de erros personalizados:**
+ *
+ * ```typescript
+ * customErrors = {
+ *     required: (_, __) => 'Este campo é obrigatório (customizado)',
+ *     max: (e) => 'Valor acima do permitido',
+ *     meuErro: (value, control, key) => value?.especial ? 'Erro especial!' : null
+ * };
+ * ```
+ *
+ * E no template:
+ *
+ * ```html
+ * <gipi-field-error [control]="control" [customErrors]="customErrors" />
+ * ```
+ *
+ * **Propriedades:**
+ * - `control`: O controle de formulário (`NgControl` ou `AbstractControl`) que será monitorado para erros.
+ * - `customErrors`: Objeto opcional para definir erros personalizados.
+ *
+ * **Comportamento:**
+ * - O componente escuta mudanças no estado do controle de formulário e exibe mensagens de erro baseadas nas validações.
+ * - Mensagens de erro padrão incluem: `required`, `minlength`, `maxlength`, `min`, `max`, `email`.
+ *
+ * **Exemplo de Template:**
+ *
+ * ```html
+ * <mat-form-field>
+ *     <input matInput formControlName="email">
+ *     <gipi-field-error [control]="emailControl" [customErrors]="customErrors" />
+ * </mat-form-field>
+ * ```
+ *
+ * Este componente pode ser utilizado de forma reutilizável e flexível em diversos formulários Angular, simplificando a exibição de erros de validação.
+ */
+export declare class FieldErrorComponent implements OnInit, OnChanges {
+    ngControl?: NgControl;
+    private readonly _uniqueId;
+    private readonly _destroyRef;
+    protected errors: string[];
+    id: string;
+    name: string;
+    /**
+     * Funções de erro customizadas.
+     * Cada chave representa o nome do erro, e o valor é uma função que recebe:
+     * - o valor do erro
+     * - o AbstractControl correspondente
+     * - o nome do erro
+     *
+     * @example
+     * ```typescript
+     * customErrors = {
+     *     required: (_, __) => 'Este campo é obrigatório (customizado)',
+     *     max: (e) => 'Valor acima do permitido',
+     *     meuErro: (value, control, key) => value?.especial ? 'Erro especial!' : null
+     * };
+     * ```
+     *
+     * @example
+     * ```html
+     * <gipi-field-error [customErrors]="customErrors" />
+     * ```
+     */
+    customErrors: tFieldErrorCustomValidators;
+    control?: NgControl | AbstractControl;
+    ngOnInit(): void;
+    ngOnChanges(_changes: SimpleChanges): void;
+    private _resolveControl;
+    private _updateErrors;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldErrorComponent, "gipi-field-error", ["gFieldError"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "customErrors": { "alias": "customErrors"; "required": false; }; "control": { "alias": "control"; "required": false; }; }, {}, ["ngControl"], never, true, never>;
+}

package/components/field-error/field-error.component.scss

@@ -0,0 +1,7 @@
+@use '../../theming/utils' as utils;
+
+@mixin field-error-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+}

package/components/field-error/index.d.ts

@@ -0,0 +1,2 @@
+export * from './field-error.component';
+export * from './shared/field-error-custom-validators.type';

package/components/field-error/shared/field-error-custom-validators.type.d.ts

@@ -0,0 +1,2 @@
+import { AbstractControl } from '@angular/forms';
+export type tFieldErrorCustomValidators = Record<string, (value: any, control: AbstractControl, key: string) => string | null | undefined>;

package/components/flex-layout/flex-layout.directive.d.ts

@@ -0,0 +1,44 @@
+import { Injector, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+type tFlexDirection = 'row' | 'column';
+type tFlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline' | 'space-between' | 'space-around' | 'space-evenly';
+type tFlexJustify = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+type tFlexGap = string;
+type tFlex = string;
+export declare class FlexLayoutDirective implements OnInit {
+    private _injector;
+    private _elementRef;
+    private _renderer;
+    private _destroyRef;
+    private _breakpointObserver;
+    private _currentBreakpoint;
+    gFlexDirectionBase?: tFlexDirection;
+    gFlexAlignBase?: tFlexAlign;
+    gFlexJustifyBase?: tFlexJustify;
+    gFlexGapBase?: tFlexGap;
+    gFlexBase?: tFlex;
+    gFlexDirectionSm?: tFlexDirection;
+    gFlexAlignSm?: tFlexAlign;
+    gFlexJustifySm?: tFlexJustify;
+    gFlexGapSm?: tFlexGap;
+    gFlexSm?: tFlex;
+    gFlexDirectionMd?: tFlexDirection;
+    gFlexAlignMd?: tFlexAlign;
+    gFlexJustifyMd?: tFlexJustify;
+    gFlexGapMd?: tFlexGap;
+    gFlexMd?: tFlex;
+    gFlexDirectionLg?: tFlexDirection;
+    gFlexAlignLg?: tFlexAlign;
+    gFlexJustifyLg?: tFlexJustify;
+    gFlexGapLg?: tFlexGap;
+    gFlexLg?: tFlex;
+    constructor(_injector: Injector);
+    ngOnInit(): void;
+    private _observeBreakpoints;
+    private _applyStyles;
+    private _getValueByBreakpoint;
+    private _normalizeValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FlexLayoutDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FlexLayoutDirective, "  [gFlexDirection], [gFlexDirection.sm], [gFlexDirection.md], [gFlexDirection.lg],  [gFlexAlign], [gFlexAlign.sm], [gFlexAlign.md], [gFlexAlign.lg],  [gFlexJustify], [gFlexJustify.sm], [gFlexJustify.md], [gFlexJustify.lg],  [gFlexGap], [gFlexGap.sm], [gFlexGap.md], [gFlexGap.lg],  [gFlex], [gFlex.sm], [gFlex.md], [gFlex.lg]", never, { "gFlexDirectionBase": { "alias": "gFlexDirection"; "required": false; }; "gFlexAlignBase": { "alias": "gFlexAlign"; "required": false; }; "gFlexJustifyBase": { "alias": "gFlexJustify"; "required": false; }; "gFlexGapBase": { "alias": "gFlexGap"; "required": false; }; "gFlexBase": { "alias": "gFlex"; "required": false; }; "gFlexDirectionSm": { "alias": "gFlexDirection.sm"; "required": false; }; "gFlexAlignSm": { "alias": "gFlexAlign.sm"; "required": false; }; "gFlexJustifySm": { "alias": "gFlexJustify.sm"; "required": false; }; "gFlexGapSm": { "alias": "gFlexGap.sm"; "required": false; }; "gFlexSm": { "alias": "gFlex.sm"; "required": false; }; "gFlexDirectionMd": { "alias": "gFlexDirection.md"; "required": false; }; "gFlexAlignMd": { "alias": "gFlexAlign.md"; "required": false; }; "gFlexJustifyMd": { "alias": "gFlexJustify.md"; "required": false; }; "gFlexGapMd": { "alias": "gFlexGap.md"; "required": false; }; "gFlexMd": { "alias": "gFlex.md"; "required": false; }; "gFlexDirectionLg": { "alias": "gFlexDirection.lg"; "required": false; }; "gFlexAlignLg": { "alias": "gFlexAlign.lg"; "required": false; }; "gFlexJustifyLg": { "alias": "gFlexJustify.lg"; "required": false; }; "gFlexGapLg": { "alias": "gFlexGap.lg"; "required": false; }; "gFlexLg": { "alias": "gFlex.lg"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/components/flex-layout/index.d.ts

@@ -0,0 +1 @@
+export * from './flex-layout.directive';

package/components/form-wrapper/form-wrapper.component.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare class FormWrapperComponent {
+    private readonly _uniqueId;
+    id: string;
+    name: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormWrapperComponent, "gipi-form-wrapper", ["gFormWrapper"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["gipi-toolbar", "*", "gipi-action-row"], true, never>;
+}
+export declare class FormWrapperDialogComponent {
+    protected readonly _uniqueId: string;
+    id: string;
+    name: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormWrapperDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormWrapperDialogComponent, "gipi-form-wrapper-dialog", ["gFormWrapperDialog"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["[mat-dialog-title]", "[mat-dialog-content]", "[mat-dialog-actions]"], true, never>;
+}

package/components/form-wrapper/form-wrapper.component.scss

@@ -0,0 +1,121 @@
+@use '../../theming/utils' as utils;
+@use '../../theming/breakpoints' as breakpoints;
+
+@mixin form-wrapper-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);
+    $white-400: utils.get-color($theme, white, 400);
+    $black-100: utils.get-color($theme, black, 100);
+    $secondary-100: utils.get-color($theme, secondary, 100);
+
+    .g-form-wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: 1.6rem;
+        padding: 0;
+
+        background: $white-100;
+        position: relative;
+
+        font-family: $font-family;
+        font-size: $font-size;
+        color: $font-color;
+
+        flex: 1 0 0;
+        overflow: auto;
+
+        .g-form-wrapper-content {
+            display: flex;
+            flex-direction: column;
+            gap: 1.6rem;
+
+            flex: 1 0 0;
+            overflow: auto;
+        }
+    }
+
+    .g-form-wrapper-dialog {
+        display: flex;
+        flex-direction: column;
+        padding: 0;
+
+        background: $white-100;
+        position: relative;
+
+        font-family: $font-family;
+        font-size: $font-size;
+        color: $font-color;
+
+        flex: 1 0 auto;
+        overflow-y: auto;
+        overflow-x: hidden;
+
+        height: 100%;
+        max-height: 100vh;
+
+        .mat-mdc-dialog-container {
+            max-width: 100% !important;
+            max-height: 100% !important;
+        }
+
+        .mat-mdc-dialog-surface {
+            border-radius: 10px !important;
+            overflow-y: hidden !important;
+        }
+
+        .mat-mdc-dialog-title {
+            display: flex !important;
+            align-items: center !important;
+            justify-content: flex-start !important;
+            padding: 1.6rem !important;
+            height: auto !important;
+            background-color: $white-400 !important;
+            border-bottom: 1px solid $secondary-100 !important;
+
+            &::before {
+                display: none !important;
+            }
+
+            .g-toolbar-label {
+                color: $black-100 !important;
+                font-family: $font-family !important;
+                font-size: 2rem !important;
+                font-weight: bold !important;
+                line-height: 3.2rem !important;
+            }
+        }
+
+        .mat-mdc-dialog-content {
+            display: flex !important;
+            flex-direction: column !important;
+            align-items: flex-start !important;
+            padding: 1.6rem !important;
+            color: $font-color !important;
+            font-family: $font-family !important;
+            font-size: $font-size !important;
+            overflow-y: auto !important;
+            width: 100% !important;
+            background-color: $white-100 !important;
+
+            @include breakpoints.tablet-view {
+                max-height: 100% !important;
+            }
+
+            @include breakpoints.mobile-view {
+                max-height: 100% !important;
+            }
+        }
+
+        .mat-mdc-dialog-actions {
+            display: flex !important;
+            align-items: center !important;
+            justify-content: flex-end !important;
+            gap: 1.6rem !important;
+            padding: 1.6rem !important;
+            border-top: 1px solid $secondary-100 !important;
+            background-color: $white-100 !important;
+        }
+    }
+}

package/components/form-wrapper/index.d.ts

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

package/components/helpful-tip/helpful-tip.component.d.ts

@@ -0,0 +1,11 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class HelpfulTipComponent {
+    protected readonly _uniqueId: string;
+    protected _elementRef: ElementRef<HTMLInputElement>;
+    id: string;
+    name: string;
+    tooltip: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HelpfulTipComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HelpfulTipComponent, "gipi-helpful-tip", ["gHelpfulTip"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": true; }; }, {}, never, never, true, never>;
+}

package/components/helpful-tip/helpful-tip.component.scss

@@ -0,0 +1,14 @@
+@use '../../theming/utils' as utils;
+
+@mixin helpful-tip-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+
+    .g-helpful-tip-icon {
+        display: inline-block;
+        width: 1.6rem;
+        height: 1.6rem;
+        color: #{utils.get-color($theme, information, 500)};
+        cursor: help;
+    }
+}

package/components/helpful-tip/index.d.ts

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

package/components/icon/icon.component.d.ts

@@ -0,0 +1,61 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export type tIconFontSet = 'OUTLINED' | 'ROUNDED' | 'SHARP';
+export type tIconVariation = 'FILLED' | 'OUTLINED';
+export type tIconWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700;
+export type tIconGrade = 'LOW' | 'DEFAULT' | 'HIGH';
+export type tIconOptical = 20 | 24 | 40 | 48;
+export declare class IconComponent implements AfterViewInit {
+    matIcon: ElementRef;
+    protected readonly _uniqueId: string;
+    private readonly _renderer;
+    elementRef: ElementRef<HTMLElement>;
+    id: string;
+    name: string;
+    hostClass: string;
+    hostStyle: {
+        [klass: string]: string;
+    };
+    /**
+     * 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;
+    /** Se o ícone deve corresponder ao tamanho da fonte do elemento no qual está contido */
+    inline: boolean;
+    ariaLabel: string;
+    tooltip: string;
+    icon: string;
+    svgIcon: string;
+    size: number;
+    color: 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`.
+     */
+    fontSet: tIconFontSet;
+    protected get width(): string;
+    protected get height(): string;
+    protected get fontSize(): string;
+    protected get lineHeight(): string;
+    protected get _fontSetMapped(): string;
+    constructor();
+    ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "gipi-icon", ["gIcon"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "hostClass": { "alias": "class"; "required": false; }; "hostStyle": { "alias": "style"; "required": false; }; "iconVariation": { "alias": "variation"; "required": false; }; "iconWeight": { "alias": "weight"; "required": false; }; "iconGrade": { "alias": "grade"; "required": false; }; "iconOptical": { "alias": "optical"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "fontSet": { "alias": "fontSet"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_inline: unknown;
+    static ngAcceptInputType_size: unknown;
+}

package/components/icon/icon.component.scss

@@ -0,0 +1,29 @@
+@use '../../theming/utils' as utils;
+
+@mixin icon-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+
+    .filled {
+        font-variation-settings:
+            'FILL' 1,
+            'wght' 400,
+            'GRAD' 0,
+            'opsz' 24;
+    }
+
+    .g-icon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        > mat-icon {
+            width: inherit;
+            height: inherit;
+            line-height: inherit;
+            font-size: inherit;
+            color: inherit;
+        }
+    }
+}

package/components/icon/index.d.ts

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

package/components/index.d.ts

@@ -0,0 +1,46 @@
+export * from './action-row';
+export * from './auto-focus';
+export * from './avatar';
+export * from './button';
+export * from './button-group';
+export * from './checkbox';
+export * from './chips';
+export * from './confirm-dialog';
+export * from './date-picker';
+export * from './date-range-picker';
+export * from './datetime-picker';
+export * from './disable-auto-fill';
+export * from './echarts';
+export * from './empty';
+export * from './expansion-panel';
+export * from './field-error';
+export * from './flex-layout';
+export * from './form-wrapper';
+export * from './helpful-tip';
+export * from './icon';
+export * from './input';
+export * from './input-currency';
+export * from './input-group';
+export * from './input-phone';
+export * from './loading';
+export * from './lozenge';
+export * from './password-requeriments';
+export * from './popover';
+export * from './radio-group';
+export * from './scroll-fade';
+export * from './select';
+export * from './select-enum';
+export * from './sidenav';
+export * from './skeleton';
+export * from './stepper';
+export * from './table';
+export * from './tabs';
+export * from './tag';
+export * from './text-ellipsis';
+export * from './textarea';
+export * from './toast';
+export * from './toggle-switch';
+export * from './toolbar';
+export * from './top-nav';
+export * from './tree-table';
+export * from './user-profile';

package/components/input/index.d.ts

@@ -0,0 +1,4 @@
+export * from './input.component';
+export * from './shared/input-prefix.directive';
+export * from './shared/input-suffix.directive';
+export * from './shared/input.directive';

package/components/input/input.component.d.ts

@@ -0,0 +1,81 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { DestroyRef, ElementRef, EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, NgControl, ValidationErrors, Validator } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class InputComponent implements ControlValueAccessor, Validator, OnChanges {
+    prefixRef: TemplateRef<ElementRef> | null;
+    suffixRef: TemplateRef<ElementRef> | null;
+    ngControl?: NgControl;
+    protected readonly _matFormFieldUniqueId: string;
+    protected readonly _uniqueId: string;
+    protected destroyRef: DestroyRef;
+    id: string;
+    name: string;
+    label: string;
+    placeholder: string;
+    help: string;
+    hintLabel: string;
+    type: string;
+    disabled: BooleanInput;
+    readonly: BooleanInput;
+    required: BooleanInput;
+    pattern: string | RegExp;
+    min: number;
+    max: number;
+    minLength: number;
+    maxLength: number;
+    /**
+     * Significado do código
+     * - `0` digits (like 0 to 9 numbers)
+     * - `9` digits (like 0 to 9 numbers), but optional
+     * - `A` letters (uppercase or lowercase) and digits
+     * - `S` only letters (uppercase or lowercase)
+     * - `U` only letters uppercase
+     * - `L` only letters lowercase
+     */
+    mask: string;
+    private _autocomplete;
+    get autocomplete(): 'on' | 'off';
+    set autocomplete(value: 'on' | 'off');
+    private _lowercase;
+    get lowercase(): boolean;
+    set lowercase(value: boolean);
+    private _uppercase;
+    get uppercase(): boolean;
+    set uppercase(value: boolean);
+    private _spacedrop;
+    set spacedrop(value: boolean);
+    get spacedrop(): boolean;
+    private _value;
+    get value(): string | number;
+    set value(value: string | number);
+    readonly onFocusEvent: EventEmitter<FocusEvent>;
+    readonly onBlurEvent: EventEmitter<FocusEvent>;
+    readonly onKeydownEvent: EventEmitter<KeyboardEvent>;
+    readonly onChangeEvent: EventEmitter<Event>;
+    protected get errorState(): boolean;
+    constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    _onChange: (value: string | number) => void;
+    _onTouched: () => void;
+    _validatorChangeFn: () => void;
+    writeValue(value: string | number): void;
+    registerOnChange(fn: (value: string | number) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    validate(control: AbstractControl<string | number>): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    private _checkSpaceDrop;
+    private _checkUppercase;
+    private _checkLowercase;
+    protected onInputKeydown(event: KeyboardEvent): void;
+    protected onInputFocus(event: FocusEvent): void;
+    protected onInputBlur(event: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "gipi-input", ["gInput"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "help": { "alias": "help"; "required": false; }; "hintLabel": { "alias": "hintLabel"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "lowercase": { "alias": "lowercase"; "required": false; }; "uppercase": { "alias": "uppercase"; "required": false; }; "spacedrop": { "alias": "spacedrop"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onFocusEvent": "focus"; "onBlurEvent": "blur"; "onKeydownEvent": "keydown"; "onChangeEvent": "change"; }, ["prefixRef", "suffixRef"], never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_minLength: unknown;
+    static ngAcceptInputType_maxLength: unknown;
+}

package/components/input/input.component.scss

@@ -0,0 +1,27 @@
+@use '../../theming/utils' as utils;
+
+@mixin input-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+
+    .g-input-label {
+        @include utils.field-label($theme);
+    }
+
+    .g-input {
+        @include utils.mat-form-field-reset($theme);
+
+        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;
+    }
+}

package/components/input/shared/input-prefix.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class InputPrefixDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputPrefixDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputPrefixDirective, "[gPrefix]", ["gPrefix"], {}, {}, never, never, true, never>;
+}

package/components/input/shared/input-suffix.directive.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class InputSuffixDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputSuffixDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputSuffixDirective, "[gSuffix]", ["gSuffix"], {}, {}, never, never, true, never>;
+}

package/components/input/shared/input.directive.d.ts

@@ -0,0 +1,26 @@
+import { AfterViewInit, ChangeDetectorRef, DestroyRef, DoCheck, ElementRef, OnInit } from '@angular/core';
+import { NgControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class InputDirective implements OnInit, AfterViewInit, DoCheck {
+    protected readonly _uniqueId: string;
+    protected readonly elementRef: ElementRef<any>;
+    protected readonly destroyRef: DestroyRef;
+    protected readonly ngControl: NgControl | null;
+    protected readonly changeDetectorRef: ChangeDetectorRef;
+    id: string;
+    name: string;
+    borderless: boolean;
+    private _disabled;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    protected filled: boolean;
+    constructor();
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngDoCheck(): void;
+    protected updateFilledState(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputDirective, "input[gInput]", ["gInput"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "borderless": { "alias": "borderless"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_borderless: unknown;
+    static ngAcceptInputType_disabled: unknown;
+}

package/components/input-currency/index.d.ts

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