@gipisistemas/ngx-core 1.0.1

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

@@ -0,0 +1,64 @@
+import { DestroyRef, ElementRef, EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, NgControl, ValidationErrors, Validator } from '@angular/forms';
+import { NgxCurrencyConfig } from 'ngx-currency';
+import * as i0 from "@angular/core";
+export declare class InputCurrencyComponent implements ControlValueAccessor, Validator, OnChanges {
+    prefixRef: TemplateRef<ElementRef> | null;
+    suffixRef: TemplateRef<ElementRef> | null;
+    ngControl?: NgControl;
+    matInputRef?: ElementRef<HTMLInputElement>;
+    protected readonly _matFormFieldUniqueId: string;
+    protected readonly _uniqueId: string;
+    private readonly _currencyOptions;
+    protected destroyRef: DestroyRef;
+    id: string;
+    name: string;
+    label: string;
+    placeholder: string;
+    hintLabel: string;
+    type: string;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    min: number;
+    max: number | null;
+    minLength: number;
+    maxLength: number;
+    private _options;
+    set options(value: Partial<NgxCurrencyConfig>);
+    get options(): Partial<NgxCurrencyConfig>;
+    help: string;
+    private _autocomplete;
+    get autocomplete(): 'on' | 'off';
+    set autocomplete(value: 'on' | 'off');
+    protected _value: number | null;
+    set value(value: number | null);
+    get value(): number | null;
+    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: number | null) => void;
+    _onTouched: () => void;
+    _validatorChangeFn: () => void;
+    writeValue(value: number): void;
+    registerOnChange(fn: (value: number | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    validate(control: AbstractControl<number | null>): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    handleChange(value: number | null): void;
+    protected onInputKeydown(event: KeyboardEvent): void;
+    protected onInputFocus(event: FocusEvent): void;
+    protected onInputBlur(event: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputCurrencyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputCurrencyComponent, "gipi-input-currency", ["gInputCurrency"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "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; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "options": { "alias": "options"; "required": false; }; "help": { "alias": "help"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "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-currency/input-currency.component.scss

@@ -0,0 +1,27 @@
+@use '../../theming/utils' as utils;
+
+@mixin input-currency-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-currency-label {
+        @include utils.field-label($theme);
+    }
+
+    .g-input-currency {
+        @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-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from './input-group-addon.component';
+export * from './input-group.component';

package/components/input-group/input-group-addon.component.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class InputGroupAddonComponent {
+    private _uniqueId;
+    id: string;
+    name: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupAddonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroupAddonComponent, "gipi-input-group-addon", ["gInputGroupAddon"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,14 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export declare class InputGroupComponent {
+    private _uniqueId;
+    id: string;
+    name: string;
+    label: string;
+    help: string;
+    hintLabel: string;
+    required: BooleanInput;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputGroupComponent, "gipi-input-group", ["gInputGroup"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "help": { "alias": "help"; "required": false; }; "hintLabel": { "alias": "hintLabel"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_required: unknown;
+}

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

@@ -0,0 +1,118 @@
+@use '../../theming/utils' as utils;
+
+@mixin input-group-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+    $white-300: utils.get-color($theme, white, 300);
+    $black-300: utils.get-color($theme, black, 300);
+    $black-400: utils.get-color($theme, black, 400);
+    $primary-500: utils.get-color($theme, primary, 500);
+    $pastels-secondary: utils.get-color($theme, pastels, secondary);
+
+    .g-input-group-label {
+        @include utils.field-label($theme);
+    }
+
+    .g-input-group {
+        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;
+    }
+
+    .g-input-group-content {
+        display: flex;
+        flex-direction: row;
+        align-items: stretch;
+        width: 100%;
+
+        // ADDON à esquerda
+        &:has(> .g-input-group-addon:first-child) {
+            > *:has(.mat-mdc-form-field) {
+                border-top-left-radius: 0 !important;
+                border-bottom-left-radius: 0 !important;
+
+                .mdc-notched-outline__leading {
+                    border-top-left-radius: 0 !important;
+                    border-bottom-left-radius: 0 !important;
+                }
+            }
+        }
+
+        // ADDON à direita
+        &:has(> .g-input-group-addon:last-child) {
+            > *:has(.mat-mdc-form-field) {
+                border-top-right-radius: 0 !important;
+                border-bottom-right-radius: 0 !important;
+
+                .mdc-notched-outline__trailing {
+                    border-top-right-radius: 0 !important;
+                    border-bottom-right-radius: 0 !important;
+                }
+            }
+        }
+    }
+
+    .g-input-group-addon {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0.4rem 1rem;
+        background: $white-300;
+        color: $font-color;
+        border-block-start: 1px solid $black-400;
+        border-block-end: 1px solid $black-400;
+        min-width: 3.6rem;
+        flex: 1 0 auto;
+
+        &:first-child,
+        & + & {
+            border-inline-start: 1px solid $black-400;
+        }
+
+        &:last-child,
+        & + & {
+            border-inline-end: 1px solid $black-400;
+        }
+
+        &: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;
+        }
+
+        &:has(.g-button) {
+            padding: 0;
+            overflow: hidden;
+        }
+
+        & .g-button .g-button-content {
+            border-radius: 0;
+            border: none;
+        }
+
+        &:has(.g-button-content.g-button-primary) {
+            border-color: $primary-500;
+        }
+
+        &:has(.g-button-content.g-button-secondary) {
+            border-color: $black-300;
+        }
+
+        &:has(.g-button-content.g-button-tertiary) {
+            border-color: $pastels-secondary;
+        }
+    }
+}

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

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

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

@@ -0,0 +1,62 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { 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 InputPhoneComponent implements ControlValueAccessor, Validator, OnChanges {
+    prefixRef: TemplateRef<ElementRef> | null;
+    suffixRef: TemplateRef<ElementRef> | null;
+    ngControl?: NgControl;
+    private readonly _destroyRef;
+    private readonly _changeDetectorRef;
+    private _inputEnter;
+    protected maskPhone: import("@angular/core").WritableSignal<string>;
+    protected readonly _matFormFieldUniqueId: string;
+    protected readonly _uniqueId: string;
+    id: string;
+    name: string;
+    label: string;
+    placeholder: string;
+    help: string;
+    hintLabel: string;
+    type: string;
+    disabled: BooleanInput;
+    readonly: BooleanInput;
+    required: BooleanInput;
+    min: number;
+    max: number;
+    minLength: number;
+    maxLength: number;
+    foreign: BooleanInput;
+    private _value;
+    get value(): string;
+    set value(value: string);
+    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) => void;
+    _onTouched: () => void;
+    _validatorChangeFn: () => void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    validate(control: AbstractControl<string>): ValidationErrors | null;
+    registerOnValidatorChange(fn: () => void): void;
+    onHandleInputEnter(): void;
+    onHandleInputExit(): void;
+    protected onInputKeydown(event: KeyboardEvent): void;
+    protected onInputFocus(event: FocusEvent): void;
+    protected onInputBlur(event: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputPhoneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputPhoneComponent, "gipi-input-phone", ["gInputPhone"], { "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; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "foreign": { "alias": "foreign"; "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;
+    static ngAcceptInputType_foreign: unknown;
+}

package/components/input-phone/input-phone.component.scss

@@ -0,0 +1,27 @@
+@use '../../theming/utils' as utils;
+
+@mixin input-phone-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-phone-label {
+        @include utils.field-label($theme);
+    }
+
+    .g-input-phone {
+        @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/loading/index.d.ts

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

package/components/loading/loading.component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+type tLoadingVariant = 'primary' | 'secondary' | 'light';
+type tLoadingType = 'progress-bar' | 'dot-pulse';
+export declare class LoadingComponent {
+    protected readonly _uniqueId: string;
+    id: string;
+    name: string;
+    variant: tLoadingVariant;
+    type: tLoadingType;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingComponent, "gipi-loading", ["gLoading"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, true, never>;
+}
+export {};

package/components/loading/loading.component.scss

@@ -0,0 +1,145 @@
+@use '../../theming/utils' as utils;
+
+@mixin loading-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+    $pastels-primary: utils.get-color($theme, pastels, primary);
+    $primary-500: utils.get-color($theme, primary, 500);
+    $secondary-500: utils.get-color($theme, secondary, 500);
+    $white-100: utils.get-color($theme, white, 100);
+
+    .g-loading-dot-pulse-content {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 2rem;
+
+        .g-loading-dot-pulse {
+            position: relative;
+            left: -9999px;
+            width: 0.6rem;
+            height: 0.6rem;
+            border-radius: 50%;
+            box-shadow: 9999px 0 0 -0.6rem;
+            animation: dot-pulse 1.5s infinite linear;
+            animation-delay: 0.25s;
+
+            &::before,
+            &::after {
+                content: '';
+                display: inline-block;
+                position: absolute;
+                top: 0;
+                width: 0.6rem;
+                height: 0.6rem;
+                border-radius: 50%;
+            }
+
+            &::before {
+                box-shadow: 9984px 0 0 -0.6rem;
+                animation: dot-pulse-before 1.5s infinite linear;
+                animation-delay: 0s;
+            }
+
+            &::after {
+                box-shadow: 10014px 0 0 -0.6rem;
+                animation: dot-pulse-after 1.5s infinite linear;
+                animation-delay: 0.5s;
+            }
+
+            &.g-loading-primary,
+            &.g-loading-primary::before,
+            &.g-loading-primary::after {
+                background-color: $primary-500;
+                color: $primary-500;
+            }
+
+            &.g-loading-secondary,
+            &.g-loading-secondary::before,
+            &.g-loading-secondary::after {
+                border-color: $secondary-500;
+                color: $secondary-500;
+            }
+
+            &.g-loading-light,
+            &.g-loading-light::before,
+            &.g-loading-light::after {
+                background-color: $white-100;
+                color: $white-100;
+            }
+        }
+
+        @keyframes dot-pulse-before {
+            0% {
+                box-shadow: 9984px 0 0 -0.6rem;
+            }
+            30% {
+                box-shadow: 9984px 0 0 2px;
+            }
+            60% {
+                box-shadow: 9984px 0 0 -0.6rem;
+            }
+            100% {
+                box-shadow: 9984px 0 0 -0.6rem;
+            }
+        }
+
+        @keyframes dot-pulse {
+            0% {
+                box-shadow: 9999px 0 0 -0.6rem;
+            }
+            30% {
+                box-shadow: 9999px 0 0 2px;
+            }
+            60% {
+                box-shadow: 9999px 0 0 -0.6rem;
+            }
+            100% {
+                box-shadow: 9999px 0 0 -0.6rem;
+            }
+        }
+
+        @keyframes dot-pulse-after {
+            0% {
+                box-shadow: 10014px 0 0 -0.6rem;
+            }
+            30% {
+                box-shadow: 10014px 0 0 2px;
+            }
+            60% {
+                box-shadow: 10014px 0 0 -0.6rem;
+            }
+            100% {
+                box-shadow: 10014px 0 0 -0.6rem;
+            }
+        }
+    }
+
+    .g-loading-progress-bar-content {
+        height: 4px;
+        width: 100%;
+        background-color: $pastels-primary;
+        overflow: hidden;
+
+        .g-loading-progress-bar-inner {
+            width: 100%;
+            height: 100%;
+            background-color: $primary-500;
+            animation: progress-bar 1s infinite linear;
+            transform-origin: 0% 50%;
+        }
+
+        @keyframes progress-bar {
+            0% {
+                transform: translateX(0) scaleX(0);
+            }
+            40% {
+                transform: translateX(0) scaleX(0.4);
+            }
+            100% {
+                transform: translateX(100%) scaleX(0.5);
+            }
+        }
+    }
+}

package/components/lozenge/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lozenge.component';
+export * from './shared/lozenge-fill.type';
+export * from './shared/lozenge-variant.type';

package/components/lozenge/lozenge.component.d.ts

@@ -0,0 +1,20 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { tLozengeFill } from './shared/lozenge-fill.type';
+import { tLozengeVariant } from './shared/lozenge-variant.type';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/tooltip";
+export declare class LozengeComponent {
+    private _uniqueId;
+    id: string;
+    name: string;
+    label: string;
+    tooltip: string;
+    showPill: BooleanInput;
+    pillPosition: 'left' | 'right';
+    fill: tLozengeFill;
+    variant: tLozengeVariant | null;
+    protected get variantClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LozengeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LozengeComponent, "gipi-lozenge", ["gLozenge"], { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "showPill": { "alias": "showPill"; "required": false; }; "pillPosition": { "alias": "pillPosition"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.MatTooltip; inputs: { "matTooltip": "tooltip"; }; outputs: {}; }]>;
+    static ngAcceptInputType_showPill: unknown;
+}

package/components/lozenge/lozenge.component.scss

@@ -0,0 +1,99 @@
+@use '../../theming/utils' as utils;
+
+@mixin lozenge-theme($theme: ()) {
+    $font-family: utils.get-font-family($theme);
+    $font-size: utils.get-font-size($theme);
+    $font-color: utils.get-font-color($theme);
+
+    .g-lozenge {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        gap: 1rem;
+        padding: 0.2rem 3rem;
+        font-family: $font-family;
+        font-size: 1.2rem;
+        font-weight: 700;
+        border-radius: 0.4rem;
+        text-align: center;
+        white-space: nowrap;
+        height: fit-content;
+
+        .g-lozenge-pill-left {
+            flex-direction: row;
+        }
+
+        .g-lozenge-pill-right {
+            flex-direction: row-reverse;
+        }
+
+        &.g-lozenge-default {
+            background-color: #e5e7eb;
+            color: #111827;
+        }
+        &.g-lozenge-success {
+            background-color: utils.get-color($theme, pastels, success);
+            color: utils.get-color($theme, success, 700);
+        }
+        &.g-lozenge-information {
+            background-color: utils.get-color($theme, pastels, info);
+            color: utils.get-color($theme, information, 700);
+        }
+        &.g-lozenge-warning {
+            background-color: #fef3c7;
+            color: #bf620e;
+        }
+        &.g-lozenge-danger {
+            background-color: utils.get-color($theme, pastels, danger);
+            color: utils.get-color($theme, danger, 700);
+        }
+        &.g-lozenge-new {
+            background-color: #e0e7ff;
+            color: #4338ca;
+        }
+        &.g-lozenge-draft {
+            background-color: #ede9fe;
+            color: #6b21a8;
+        }
+        &.g-lozenge-highlight {
+            background-color: #fce7f3;
+            color: #9d174d;
+        }
+
+        .g-lozenge-pill {
+            position: relative;
+            display: flex;
+            width: 1rem;
+            height: 1rem;
+
+            .g-lozenge-pill-ping {
+                position: absolute;
+                display: inline-flex;
+                width: 100%;
+                height: 100%;
+                border-radius: 50%;
+                opacity: 0.75;
+                animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+                background-color: currentColor;
+
+                @keyframes ping {
+                    75%,
+                    100% {
+                        opacity: 0;
+                        transform: scale(2);
+                    }
+                }
+            }
+
+            .g-lozenge-pill-badge {
+                position: relative;
+                display: inline-flex;
+                width: 1rem;
+                height: 1rem;
+                border-radius: 50%;
+                background-color: currentColor;
+            }
+        }
+    }
+}

package/components/lozenge/shared/lozenge-fill.type.d.ts

@@ -0,0 +1,4 @@
+export type tLozengeFill = {
+    background: string;
+    text: string;
+} | null;

package/components/lozenge/shared/lozenge-variant.type.d.ts

@@ -0,0 +1 @@
+export type tLozengeVariant = 'default' | 'success' | 'information' | 'warning' | 'danger' | 'new' | 'draft' | 'highlight';

package/components/password-requeriments/index.d.ts

@@ -0,0 +1,3 @@
+export * from './password-requeriments.component';
+export * from './shared/password-requeriments.interface';
+export * from './shared/password-validation.util';

package/components/password-requeriments/password-requeriments.component.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { iPasswordRequeriment } from './shared/password-requeriments.interface';
+import * as i0 from "@angular/core";
+export declare class PasswordRequerimentsComponent implements ControlValueAccessor {
+    private readonly _uniqueId;
+    private _changeDetectorRef;
+    id: string;
+    name: string;
+    private _password;
+    get password(): string;
+    set password(value: string);
+    private _passwordRequirements;
+    get passwordRequirements(): iPasswordRequeriment[];
+    set passwordRequirements(value: iPasswordRequeriment[]);
+    onValidChange: EventEmitter<iPasswordRequeriment[]>;
+    constructor();
+    _onChange: (value: string) => void;
+    _onTouched: () => void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(_: boolean): void;
+    private _changeValidity;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PasswordRequerimentsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordRequerimentsComponent, "gipi-password-requeriments", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "password": { "alias": "password"; "required": false; }; "passwordRequirements": { "alias": "passwordRequirements"; "required": false; }; }, { "onValidChange": "onValidChange"; }, never, never, true, never>;
+}