@gipisistemas/ngx-core 1.0.1

package/components/password-requeriments/password-requeriments.component.scss

@@ -0,0 +1,53 @@
+@use '../../theming/utils' as utils;
+
+@mixin password-requeriments-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+
+    .g-password-requeriments {
+        display: block;
+        width: 100%;
+    }
+
+    .g-password-requeriments-group {
+        display: flex;
+        flex-direction: row;
+        align-items: stretch;
+        justify-content: center;
+        gap: 5rem;
+        padding: 4px 0;
+        width: 100%;
+
+        .g-password-requeriments-group-item {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            height: 100%;
+            font-family: $font-family;
+
+            &.g-password-requeriments-group-item-invalid .g-password-requeriments-group-item-title,
+            &.g-password-requeriments-group-item-invalid .g-password-requeriments-group-item-subtitle {
+                color: #{utils.get-color($theme, primary, 500)} !important;
+            }
+
+            .g-password-requeriments-group-item-title,
+            .g-password-requeriments-group-item-subtitle {
+                line-height: 1.8rem;
+                color: $font-color;
+                text-align: center;
+            }
+
+            .g-password-requeriments-group-item-title {
+                font-weight: 700;
+                font-size: 1.4rem;
+            }
+
+            .g-password-requeriments-group-item-subtitle {
+                font-weight: 400;
+                font-size: 1.2rem;
+            }
+        }
+    }
+}

package/components/password-requeriments/shared/password-requeriments.interface.d.ts

@@ -0,0 +1,5 @@
+export interface iPasswordRequeriment {
+    title: string;
+    subtitle: string;
+    isValid: () => boolean;
+}

package/components/password-requeriments/shared/password-validation.util.d.ts

@@ -0,0 +1,71 @@
+export declare class PasswordValidationUtil {
+    /**
+     * Valida se a senha atende aos requisitos mínimos de segurança.
+     *
+     * A senha é considerada válida se:
+     *    - Não for vazia (usando o método `StringUtil.isEmpty`)
+     *    - Atender a todos os seguintes critérios:
+     *        - Tamanho mínimo de 6 caracteres
+     *        - Tamanho máximo de 15 caracteres
+     *        - Contiver pelo menos uma letra maiúscula
+     *        - Contiver pelo menos uma letra minúscula
+     *        - Contiver pelo menos um número
+     *        - Contiver pelo menos um caractere especial
+     *        - Não contiver espaços (backspace)
+     *
+     * @param password A senha a ser validada.
+     * @returns `true` se a senha for válida, caso contrário, `false`.
+     */
+    static isValid(password: string): boolean;
+    /**
+     * Verifica se a senha possui um comprimento mínimo de 6 caracteres.
+     *
+     * @param password A senha a ser verificada.
+     * @returns `true` se a senha tiver no mínimo 6 caracteres, caso contrário, `false`.
+     */
+    static isValidMinLength(password: string): boolean;
+    /**
+     * Verifica se a senha não ultrapassa o comprimento máximo de 15 caracteres.
+     *
+     * @param password A senha a ser verificada.
+     * @returns `true` se a senha tiver no máximo 15 caracteres, caso contrário, `false`.
+     */
+    static isValidMaxLength(password: string): boolean;
+    /**
+     * Verifica se a senha contém pelo menos uma letra maiúscula.
+     *
+     * @param password A senha a ser verificada.
+     * @returns `true` se a senha contiver pelo menos uma letra maiúscula, caso contrário, `false`.
+     */
+    static hasUppercase(password: string): boolean;
+    /**
+     * Verifica se a senha contém pelo menos uma letra minúscula.
+     *
+     * @param password A senha a ser verificada.
+     * @returns `true` se a senha contiver pelo menos uma letra minúscula, caso contrário, `false`.
+     */
+    static hasLowercase(password: string): boolean;
+    /**
+     * Verifica se a senha contém pelo menos um número.
+     *
+     * @param password A senha a ser verificada.
+     * @returns `true` se a senha contiver pelo menos um número, caso contrário, `false`.
+     */
+    static hasNumber(password: string): boolean;
+    /**
+     * Verifica se a senha contém pelo menos um caractere especial.
+     *
+     * Caractere especial inclui qualquer um dos seguintes: `!@#$%^&*()_={};':"|,.<>?~`
+     *
+     * @param password A senha a ser verificada.
+     * @returns `true` se a senha contiver pelo menos um caractere especial, caso contrário, `false`.
+     */
+    static hasSpecialChar(password: string): boolean;
+    /**
+     * Verifica se a senha contém espaços em branco (indicando uso de backspace).
+     *
+     * @param password A senha a ser verificada.
+     * @returns `true` se a senha contiver espaços, caso contrário, `false`.
+     */
+    static hasBackspace(password: string): boolean;
+}

package/components/popover/index.d.ts

@@ -0,0 +1,4 @@
+export * from './popover-target.directive';
+export * from './popover-trigger.directive';
+export * from './popover.component';
+export * from './popover.module';

package/components/popover/popover-target.directive.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PopoverTargetDirective {
+    _elementRef: ElementRef;
+    constructor(_elementRef: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverTargetDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverTargetDirective, "gipi-popover-target, [gPopoverTarget]", ["gPopoverTarget"], {}, {}, never, never, true, never>;
+}

package/components/popover/popover-trigger.directive.d.ts

@@ -0,0 +1,135 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, ViewContainerRef } from '@angular/core';
+import { Subject, type Observable } from 'rxjs';
+import { tPopoverPositionX, tPopoverPositionY, tPopoverTriggerEvent } from './shared/popover-types.type';
+import { iPopoverPanel, iTarget } from './shared/popover.interface';
+import * as i0 from "@angular/core";
+export declare class PopoverTriggerDirective implements AfterViewInit, OnDestroy {
+    private _overlay;
+    _elementRef: ElementRef;
+    private _viewContainerRef;
+    private _changeDetectorRef;
+    popoverOpened: Subject<void>;
+    popoverClosed: Subject<void>;
+    private _popoverOpen$;
+    private _portal?;
+    private _overlayRef;
+    private _halt;
+    private _backdropSubscription?;
+    private _positionSubscription?;
+    private _detachmentsSubscription?;
+    private _mouseoverTimer;
+    private _openedByMouse;
+    private _onDestroy;
+    /** References the popover instance that the trigger is associated with. */
+    popover: iPopoverPanel;
+    /** References the popover target instance that the trigger is associated with. */
+    targetElement?: iTarget;
+    /** Position of the popover in the X axis */
+    positionX?: tPopoverPositionX;
+    /** Position of the popover in the Y axis */
+    positionY?: tPopoverPositionY;
+    /** Popover trigger event */
+    triggerEvent: tPopoverTriggerEvent;
+    /** Popover delay */
+    enterDelay?: number;
+    /** Popover delay */
+    leaveDelay?: number;
+    /** Popover overlap trigger */
+    overlapTrigger: boolean;
+    /** Popover target offset x */
+    targetOffsetX?: number;
+    /** Popover target offset y */
+    targetOffsetY?: number;
+    /** Popover arrow offset x */
+    arrowOffsetX?: number;
+    /** Popover arrow width */
+    arrowWidth?: number;
+    /** Popover arrow color */
+    arrowColor?: string;
+    /** Popover container close on click */
+    closeOnClick: boolean;
+    /** Popover backdrop close on click */
+    backdropCloseOnClick: boolean;
+    /** Event emitted when the associated popover is opened. */
+    readonly onOpened: EventEmitter<void>;
+    /** Event emitted when the associated popover is closed. */
+    readonly onClosed: EventEmitter<void>;
+    /** Whether the popover is open. */
+    get popoverIsOpened(): boolean;
+    get popoverIsOpened$(): Observable<boolean>;
+    constructor(_overlay: Overlay, _elementRef: ElementRef, _viewContainerRef: ViewContainerRef, _changeDetectorRef: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private _setCurrentConfig;
+    onClick(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    /** Toggles the popover between the open and closed states. */
+    togglePopover(): void;
+    /** Opens the popover. */
+    openPopover(): void;
+    /** Closes the popover. */
+    closePopover(): void;
+    /** Removes the popover from the DOM. */
+    destroyPopover(): void;
+    /** Focuses the popover trigger. */
+    focus(): void;
+    /**
+    * This method ensures that the popover closes when the overlay backdrop is clicked.
+    * We do not use first() here because doing so would not catch clicks from within
+    * the popover, and it would fail to unsubscribe properly. Instead, we unsubscribe
+    * explicitly when the popover is closed or destroyed.
+    */
+    private _subscribeToBackdrop;
+    private _subscribeToDetachments;
+    /**
+    * This method sets the popover state to open and focuses the first item if
+    * the popover was opened via the keyboard.
+    */
+    private _initPopover;
+    /**
+    * This method resets the popover when it's closed, most importantly restoring
+    * focus to the popover trigger if the popover was opened via the keyboard.
+    */
+    private _resetPopover;
+    /** set state rather than toggle to support triggers sharing a popover */
+    private _setPopoverOpened;
+    /** set state rather than toggle to support triggers sharing a popover */
+    private _setPopoverClosed;
+    /**
+    *  This method checks that a valid instance of MdPopover has been passed into
+    *  mdPopoverTriggerFor. If not, an exception is thrown.
+    */
+    private _checkPopover;
+    /**
+    *  This method creates the overlay from the provided popover's template and saves its
+    *  OverlayRef so that it can be attached to the DOM when openPopover is called.
+    */
+    private _createOverlay;
+    /**
+    * This method builds the configuration object needed to create the overlay, the OverlayConfig.
+    * @returns OverlayConfig
+    */
+    private _getOverlayConfig;
+    /**
+     * This method returns the scroll strategy used by the cdk/overlay.
+     */
+    private _getOverlayScrollStrategy;
+    /**
+    * Listens to changes in the position of the overlay and sets the correct classes
+    * on the popover based on the new position. This ensures the animation origin is always
+    * correct, even if a fallback position is used for the overlay.
+    */
+    private _subscribeToPositions;
+    /**
+    * This method builds the position strategy for the overlay, so the popover is properly connected
+    * to the trigger.
+    * @returns ConnectedPositionStrategy
+    */
+    private _getPosition;
+    private _cleanUpSubscriptions;
+    protected _handleMousedown(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverTriggerDirective, "[gPopoverTriggerFor]", ["gPopoverTriggerFor"], { "popover": { "alias": "gPopoverTriggerFor"; "required": true; }; "targetElement": { "alias": "popoverTargetAt"; "required": false; }; "positionX": { "alias": "popoverPositionX"; "required": false; }; "positionY": { "alias": "popoverPositionY"; "required": false; }; "triggerEvent": { "alias": "popoverTriggerOn"; "required": false; }; "enterDelay": { "alias": "popoverEnterDelay"; "required": false; }; "leaveDelay": { "alias": "popoverLeaveDelay"; "required": false; }; "overlapTrigger": { "alias": "popoverOverlapTrigger"; "required": false; }; "targetOffsetX": { "alias": "popoverOffsetX"; "required": false; }; "targetOffsetY": { "alias": "popoverOffsetY"; "required": false; }; "arrowOffsetX": { "alias": "popoverArrowOffsetX"; "required": false; }; "arrowWidth": { "alias": "popoverArrowWidth"; "required": false; }; "arrowColor": { "alias": "popoverArrowColor"; "required": false; }; "closeOnClick": { "alias": "popoverCloseOnClick"; "required": false; }; "backdropCloseOnClick": { "alias": "popoverBackdropCloseOnClick"; "required": false; }; }, { "onOpened": "onOpened"; "onClosed": "onClosed"; }, never, never, true, never>;
+}

package/components/popover/popover.component.d.ts

@@ -0,0 +1,121 @@
+import { ElementRef, EventEmitter, NgZone, OnDestroy, TemplateRef } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { tPopoverPositionX, tPopoverPositionY, tPopoverScrollStrategy, tPopoverTriggerEvent } from './shared/popover-types.type';
+import type { iPopoverPanel } from './shared/popover.interface';
+import * as i0 from "@angular/core";
+export declare class PopoverComponent implements iPopoverPanel, OnDestroy {
+    private _elementRef;
+    zone: NgZone;
+    templateRef?: TemplateRef<unknown>;
+    protected readonly _uniqueId: string;
+    /** Config object to be passed into the popover's ngClass */
+    protected _classList: {
+        [key: string]: boolean;
+    };
+    protected popoverMinWidth$: BehaviorSubject<string>;
+    /** Closing disabled on popover */
+    closeDisabled: boolean;
+    id: string;
+    name: string;
+    /** Position of the popover in the X axis. */
+    private _positionX;
+    get positionX(): tPopoverPositionX;
+    set positionX(value: tPopoverPositionX);
+    /** Position of the popover in the Y axis. */
+    private _positionY;
+    get positionY(): tPopoverPositionY;
+    set positionY(value: tPopoverPositionY);
+    /** Popover trigger event */
+    private _triggerEvent;
+    get triggerEvent(): tPopoverTriggerEvent;
+    set triggerEvent(value: tPopoverTriggerEvent);
+    /** Popover scroll strategy */
+    private _scrollStrategy;
+    get scrollStrategy(): tPopoverScrollStrategy;
+    set scrollStrategy(value: tPopoverScrollStrategy);
+    /** Popover enter delay */
+    private _enterDelay;
+    get enterDelay(): number;
+    set enterDelay(value: number);
+    /** Popover leave delay */
+    private _leaveDelay;
+    get leaveDelay(): number;
+    set leaveDelay(value: number);
+    /** Popover overlap trigger */
+    private _overlapTrigger;
+    get overlapTrigger(): boolean;
+    set overlapTrigger(value: boolean);
+    /** Popover target offset x */
+    private _targetOffsetX;
+    get targetOffsetX(): number;
+    set targetOffsetX(value: number);
+    /** Popover target offset y */
+    private _targetOffsetY;
+    get targetOffsetY(): number;
+    set targetOffsetY(value: number);
+    /**
+     * Popover container close on click
+     * default: false
+     */
+    private _closeOnClick;
+    get closeOnClick(): boolean;
+    set closeOnClick(value: boolean);
+    /**
+     * Disable animations of popover and all child elements
+     * default: false
+     */
+    private _disableAnimation;
+    get disableAnimation(): boolean;
+    set disableAnimation(value: boolean);
+    /**
+     * Popover focus trap using cdkTrapFocus
+     * default: true
+     */
+    private _focusTrapEnabled;
+    get focusTrapEnabled(): boolean;
+    set focusTrapEnabled(value: boolean);
+    /**
+     * Popover focus trap auto capture using cdkTrapFocusAutoCapture
+     * default: true
+     */
+    private _focusTrapAutoCaptureEnabled;
+    get focusTrapAutoCaptureEnabled(): boolean;
+    set focusTrapAutoCaptureEnabled(value: boolean);
+    /**
+     * This method takes classes set on the host md-popover element and applies them on the
+     * popover template that displays in the overlay container.  Otherwise, it's difficult
+     * to style the containing popover from outside the component.
+     * @param classes list of class names
+     */
+    set panelClass(classes: string);
+    readonly onClose: EventEmitter<void>;
+    readonly onFocus: EventEmitter<void>;
+    constructor(_elementRef: ElementRef, zone: NgZone);
+    ngOnDestroy(): void;
+    /** Handle a keyboard event from the popover, delegating to the appropriate action. */
+    protected _handleKeydown(event: KeyboardEvent): void;
+    /**
+     * This emits a close event to which the trigger is subscribed. When emitted, the
+     * trigger will close the popover.
+     */
+    _emitCloseEvent(): void;
+    /** Close popover on click if closeOnClick is true */
+    onClick(): void;
+    onFocusPopover(): void;
+    /**
+     * TODO: Refactor when @angular/cdk includes feature I mentioned on github see link below.
+     * https://github.com/angular/material2/pull/5493#issuecomment-313085323
+     */
+    /** Disables close of popover when leaving trigger element and mouse over the popover */
+    onMouseOver(): void;
+    /** Enables close of popover when mouse leaving popover element */
+    onMouseLeave(): void;
+    setMinWidthByTrigger(elementRef: ElementRef): void;
+    /**
+     * It's necessary to set position-based classes to ensure the popover panel animation
+     * folds out from the correct direction.
+     */
+    setPositionClasses(posX?: tPopoverPositionX, posY?: tPopoverPositionY): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "gipi-popover", ["gPopover"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "positionX": { "alias": "popoverPositionX"; "required": false; }; "positionY": { "alias": "popoverPositionY"; "required": false; }; "triggerEvent": { "alias": "popoverTriggerOn"; "required": false; }; "scrollStrategy": { "alias": "popoverScrollStrategy"; "required": false; }; "enterDelay": { "alias": "popoverEnterDelay"; "required": false; }; "leaveDelay": { "alias": "popoverLeaveDelay"; "required": false; }; "overlapTrigger": { "alias": "popoverOverlapTrigger"; "required": false; }; "targetOffsetX": { "alias": "popoverOffsetX"; "required": false; }; "targetOffsetY": { "alias": "popoverOffsetY"; "required": false; }; "closeOnClick": { "alias": "popoverCloseOnClick"; "required": false; }; "disableAnimation": { "alias": "popoverDisableAnimation"; "required": false; }; "focusTrapEnabled": { "alias": "focusTrapEnabled"; "required": false; }; "focusTrapAutoCaptureEnabled": { "alias": "focusTrapAutoCaptureEnabled"; "required": false; }; "panelClass": { "alias": "class"; "required": false; }; }, { "onClose": "onClose"; "onFocus": "onFocus"; }, never, ["*"], true, never>;
+}

package/components/popover/popover.component.scss

@@ -0,0 +1,26 @@
+@use '../../theming/utils' as utils;
+
+@mixin popover-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $white-100: utils.get-color($theme, white, 100);
+
+    .g-popover-panel {
+        display: flex;
+        flex-direction: column;
+        max-height: calc(100vh + 48px);
+        border-radius: 6px;
+        margin-top: 4px;
+        padding: 8px;
+
+        @include utils.overlay();
+    }
+
+    .g-popover-ripple {
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+    }
+}

package/components/popover/popover.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./popover-target.directive";
+import * as i2 from "./popover-trigger.directive";
+import * as i3 from "./popover.component";
+export declare class PopoverModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopoverModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PopoverModule, never, [typeof i1.PopoverTargetDirective, typeof i2.PopoverTriggerDirective, typeof i3.PopoverComponent], [typeof i1.PopoverTargetDirective, typeof i2.PopoverTriggerDirective, typeof i3.PopoverComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PopoverModule>;
+}

package/components/popover/shared/popover-animations.d.ts

@@ -0,0 +1,14 @@
+import { AnimationTriggerMetadata } from '@angular/animations';
+/**
+ * Below are all the animations for the gipi-popover component.
+ * Animation duration and timing values are based on AngularJS Material.
+ */
+/**
+ * This animation controls the popover panel's entry and exit from the page.
+ *
+ * When the popover panel is added to the DOM, it scales in and fades in its border.
+ *
+ * When the popover panel is removed from the DOM, it simply fades out after a brief
+ * delay to display the ripple.
+ */
+export declare const transformPopover: AnimationTriggerMetadata;

package/components/popover/shared/popover-errors.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Throws an exception for the case when popover trigger doesn't have a valid gipi-popover instance
+ */
+export declare function throwPopoverMissingError(): void;
+/**
+ * Throws an exception for the case when popover's popoverPositionX value isn't valid.
+ * In other words, it doesn't match 'before' or 'after'.
+ */
+export declare function throwPopoverInvalidPositionX(): void;
+/**
+ * Throws an exception for the case when popover's popoverPositionY value isn't valid.
+ * In other words, it doesn't match 'above' or 'below'.
+ */
+export declare function throwPopoverInvalidPositionY(): void;

package/components/popover/shared/popover-types.type.d.ts

@@ -0,0 +1,4 @@
+export type tPopoverPositionX = 'before' | 'after';
+export type tPopoverPositionY = 'above' | 'below';
+export type tPopoverTriggerEvent = 'click' | 'hover' | 'none';
+export type tPopoverScrollStrategy = 'noop' | 'close' | 'block' | 'reposition';

package/components/popover/shared/popover.interface.d.ts

@@ -0,0 +1,24 @@
+import { ElementRef, EventEmitter, NgZone, TemplateRef } from '@angular/core';
+import { tPopoverPositionX, tPopoverPositionY, tPopoverScrollStrategy, tPopoverTriggerEvent } from './popover-types.type';
+export interface iPopoverPanel {
+    positionX: tPopoverPositionX;
+    positionY: tPopoverPositionY;
+    overlapTrigger: boolean;
+    triggerEvent: tPopoverTriggerEvent;
+    scrollStrategy: tPopoverScrollStrategy;
+    enterDelay: number;
+    leaveDelay: number;
+    targetOffsetX: number;
+    targetOffsetY: number;
+    closeOnClick: boolean;
+    closeDisabled: boolean;
+    templateRef?: TemplateRef<unknown>;
+    onClose: EventEmitter<void>;
+    zone: NgZone;
+    setMinWidthByTrigger: (elementRef: ElementRef) => void;
+    setPositionClasses: (x: tPopoverPositionX, y: tPopoverPositionY) => void;
+    _emitCloseEvent: () => void;
+}
+export interface iTarget {
+    _elementRef: ElementRef;
+}

package/components/radio-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from './radio-group.component';
+export * from './shared/option-radio-group.type';

package/components/radio-group/radio-group.component.d.ts

@@ -0,0 +1,57 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { tOptionRadioGroup } from './shared/option-radio-group.type';
+import * as i0 from "@angular/core";
+interface iRadioGroupOption {
+    key: string | number;
+    value: string | number;
+    disabled: boolean;
+}
+export declare class RadioGroupComponent implements ControlValueAccessor, Validator, OnChanges {
+    protected readonly _matRadioGroupUniqueId: string;
+    protected readonly _uniqueId: string;
+    private _changeDetectorRef;
+    protected _optionsInternal: import("@angular/core").WritableSignal<iRadioGroupOption[]>;
+    id: string;
+    name: string;
+    label: string;
+    help: string;
+    disabled: BooleanInput;
+    required: BooleanInput;
+    fieldset: BooleanInput;
+    labelPosition: 'after' | 'before';
+    align: 'row' | 'column';
+    private _options;
+    get options(): tOptionRadioGroup;
+    set options(value: tOptionRadioGroup);
+    private _valuesOmit;
+    get valuesOmit(): string[];
+    set valuesOmit(value: string[]);
+    private _valuesDisable;
+    get valuesDisable(): string[];
+    set valuesDisable(value: string[]);
+    private _value;
+    get value(): string | number;
+    set value(value: string | number);
+    readonly onFocusEvent: EventEmitter<FocusEvent>;
+    readonly onBlurEvent: EventEmitter<FocusEvent>;
+    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 _buildEnumList;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioGroupComponent, "gipi-radio-group", ["gRadioGroup"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "help": { "alias": "help"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fieldset": { "alias": "fieldset"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "align": { "alias": "align"; "required": false; }; "options": { "alias": "options"; "required": true; }; "valuesOmit": { "alias": "valuesOmit"; "required": false; }; "valuesDisable": { "alias": "valuesDisable"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "onFocusEvent": "focus"; "onBlurEvent": "blur"; }, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_required: unknown;
+    static ngAcceptInputType_fieldset: unknown;
+}
+export {};

package/components/radio-group/radio-group.component.scss

@@ -0,0 +1,69 @@
+@use '../../theming/utils' as utils;
+
+@mixin radio-group-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+    $black-400: utils.get-color($theme, black, 400);
+
+    @include utils.mat-radio-button-reset($theme);
+
+    .g-radio-group-fieldset {
+        border-radius: 0.4rem;
+        border: 1px solid $black-400;
+        margin-inline: 0 !important;
+        padding-inline: 0 !important;
+        padding-block: 0 !important;
+
+        > legend {
+            @include utils.field-label($theme);
+            padding-inline: 4px !important;
+        }
+    }
+
+    .g-radio-group-label {
+        @include utils.field-label($theme);
+    }
+
+    .g-radio-group {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        font-family: $font-family;
+        color: $font-color;
+        min-width: 0;
+        width: 100%;
+        min-height: fit-content;
+        height: fit-content;
+    }
+
+    .g-radio-group-control {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: 0.8rem;
+
+        &.g-radio-group-control-row {
+            flex-direction: row;
+            padding: 0.4rem 0 0.6rem;
+
+            .mat-mdc-radio-button {
+                justify-content: center !important;
+            }
+        }
+
+        &.g-radio-group-control-column {
+            flex-direction: column;
+            padding: 0.4rem 0 0.6rem;
+
+            .mat-mdc-radio-button {
+                width: 100% !important;
+                justify-content: flex-start !important;
+            }
+        }
+
+        &.g-radio-group-control-fieldset {
+            padding-inline: 1rem !important;
+        }
+    }
+}

package/components/radio-group/shared/option-radio-group.type.d.ts

@@ -0,0 +1 @@
+export type tOptionRadioGroup = Record<string | number, string | number>;

package/components/scroll-fade/index.d.ts

@@ -0,0 +1 @@
+export * from './scroll-fade.directive';