@testgorilla/tgo-ui 3.13.0 → 3.13.2

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

@@ -1,11 +1,9 @@
-import { EventEmitter, OnInit, SimpleChanges } from '@angular/core';
+import { EventEmitter, OnInit } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, FormBuilder, FormControl, NgControl, ValidatorFn } from '@angular/forms';
-import { ApplicationTheme } from '../../models/application-theme.model';
 import { MultiInputValue } from './multi-input.model';
 import * as i0 from "@angular/core";
 export declare class MultiInputComponent implements ControlValueAccessor, OnInit {
     protected ngControl: NgControl;
-    private readonly defaultAppTheme;
     private readonly fb;
     /**
      *
@@ -13,112 +11,105 @@ export declare class MultiInputComponent implements ControlValueAccessor, OnInit
      * @type {Record<string, string | null | number>[]}
      * @memberof MultiInputComponent
      */
-    itemsList: Record<string, string | null | number>[];
+    itemsList: import("@angular/core").InputSignal<Record<string, string | number | null>[]>;
     /**
      *
      * @description The field to be displayed in the dropdown
      * @type {string}
      * @memberof MultiInputComponent
      */
-    itemTextField: string;
+    itemTextField: import("@angular/core").InputSignal<string>;
     /**
      *
      * @description The value to be displayed in the droddown
      * @type {string}
      * @memberof MultiInputComponent
      */
-    itemValueField: string;
+    itemValueField: import("@angular/core").InputSignal<string>;
     /**
      *
      * @description The Value of the multi input
      * @type {MultiInputValue}
      * @memberof MultiInputComponent
      */
-    set value(v: MultiInputValue);
+    value: import("@angular/core").InputSignal<MultiInputValue | undefined>;
     /**
      *
      * @description Disables the multi input
      * @type {boolean}
      * @memberof MultiInputComponent
      */
-    disabled: boolean;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      *
      * @description Defines if the multi input is required
      * @type {boolean}
      * @memberof MultiInputComponent
      */
-    required: boolean;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      *
      * @description Defines the label of the multi input
      * @type {string}
      * @memberof MultiInputComponent
      */
-    label: string;
+    label: import("@angular/core").InputSignal<string>;
     /**
      *
      * @description Defines the placeholder of the multi input
      * @type {string}
      * @memberof MultiInputComponent
      */
-    placeholder: string;
+    placeholder: import("@angular/core").InputSignal<string>;
     /**
      *
      * @description Allow decimal values in the multi input
      * @type {boolean}
      * @memberof MultiInputComponent
      */
-    allowDecimal: boolean;
+    allowDecimal: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      *
      * @description Allow negative values in the multi input
      * @type {boolean}
      * @memberof MultiInputComponent
      */
-    allowNegative: boolean;
-    /**
-     *
-     * @description The theme of the application
-     * @type {ApplicationTheme}
-     * @memberof MultiInputComponent
-     */
-    applicationTheme: ApplicationTheme;
+    allowNegative: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      *
      * @description The errors of the multi input
      * @type {string[]}
      * @memberof MultiInputComponent
      */
-    errors: string[];
+    errors: import("@angular/core").InputSignal<string[]>;
     /**
      *
      * @description Hide built in errors for Reactive Forms
      * @type {boolean}
      * @memberof MultiInputComponent
      */
-    hideBuiltInErrors: boolean;
+    hideBuiltInErrors: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      *
      * @description Hide label in errors
      * @type {boolean}
      * @memberof MultiInputComponent
      */
-    hideLabelInErrors: boolean;
+    hideLabelInErrors: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      *
      * @description The maximum characters allowed in the multi input
      * @type {number}
      * @memberof MultiInputComponent
      */
-    maxCharacters: number;
+    maxCharacters: import("@angular/core").InputSignal<number>;
     /**
      *
      * @description The validators to apply to input field
      * @type {Validators[]}
      * @memberof MultiInputComponent
      */
-    validators: ValidatorFn[];
+    validators: import("@angular/core").InputSignal<ValidatorFn[]>;
     /**
      *
      * @description The width of the multi input
@@ -136,36 +127,25 @@ export declare class MultiInputComponent implements ControlValueAccessor, OnInit
      * @ignore
      */
     onTouch: () => void;
-    private _value;
-    protected showError: boolean;
     protected readonly multiInputForm: import("@angular/forms").FormGroup<{
         [x: string]: FormControl<unknown>;
+        value: FormControl<unknown>;
     }>;
-    constructor(ngControl: NgControl, defaultAppTheme: ApplicationTheme, fb: FormBuilder);
+    constructor(ngControl: NgControl, fb: FormBuilder);
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     writeValue(value: MultiInputValue): void;
+    patchForm(value: MultiInputValue | undefined): void;
     setDisabledState(isDisabled: boolean): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     protected valueChanged(value: MultiInputValue): void;
-    get value(): MultiInputValue | undefined;
-    protected get hasRequiredValidator(): boolean;
-    protected get dropdownControl(): AbstractControl<string | null> | null;
-    protected get inputControl(): AbstractControl<number | null> | null;
-    protected checkFormErrors(): void;
+    protected get dropdownControl(): AbstractControl<unknown>;
+    protected get inputControl(): AbstractControl<unknown>;
     protected markAsTouched(): void;
     protected addDropdownControl(): void;
     protected get controlHasError(): boolean;
     protected getValueLength(): number;
-    private addValidation;
     private updateDisableState;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent, [{ optional: true; self: true; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiInputComponent, "ui-multi-input", never, { "itemsList": { "alias": "itemsList"; "required": true; }; "itemTextField": { "alias": "itemTextField"; "required": true; }; "itemValueField": { "alias": "itemValueField"; "required": true; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; }; "validators": { "alias": "validators"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_required: unknown;
-    static ngAcceptInputType_allowDecimal: unknown;
-    static ngAcceptInputType_allowNegative: unknown;
-    static ngAcceptInputType_hideBuiltInErrors: unknown;
-    static ngAcceptInputType_hideLabelInErrors: unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiInputComponent, [{ optional: true; self: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiInputComponent, "ui-multi-input", never, { "itemsList": { "alias": "itemsList"; "required": true; "isSignal": true; }; "itemTextField": { "alias": "itemTextField"; "required": true; "isSignal": true; }; "itemValueField": { "alias": "itemValueField"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "allowDecimal": { "alias": "allowDecimal"; "required": false; "isSignal": true; }; "allowNegative": { "alias": "allowNegative"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; "isSignal": true; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "validators": { "alias": "validators"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, { "valueChange": "valueChange"; }, never, ["[custom-errors]"], false, never>;
 }

package/components/multi-input/multi-input.model.d.ts

@@ -1 +1,4 @@
-export type MultiInputValue = Record<string, any>;
+export type MultiInputValue<T = any> = {
+    value: T;
+    [key: string]: any;
+};

package/components/multi-input/required-multi-input.validator.d.ts

@@ -0,0 +1,3 @@
+import { AbstractControl, ValidationErrors } from '@angular/forms';
+import { MultiInputValue } from './multi-input.model';
+export declare const requiredMultiInput: (control: AbstractControl<MultiInputValue>) => ValidationErrors | null;

package/components/side-panel/side-panel.component.d.ts

@@ -16,7 +16,7 @@ export declare class SidePanelComponent {
     sidePanelConfig: SidePanelConfig;
     constructor();
     open(): void;
-    close(): void;
+    close(result?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SidePanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SidePanelComponent, "ui-side-panel", never, {}, {}, never, never, true, never>;
 }

package/components/side-panel/side-panel.model.d.ts

@@ -1,4 +1,5 @@
 import { InjectionToken } from '@angular/core';
+import { Observable } from 'rxjs';
 export type SidePanelPosition = 'left' | 'right';
 export declare enum SidePanelAnimationState {
     Open = "open",
@@ -19,3 +20,27 @@ export declare class SidePanelConfig {
 }
 export declare const defaultSidePanelConfig: SidePanelConfig;
 export declare const SIDE_PANEL_CONFIG: InjectionToken<SidePanelConfig>;
+/**
+ * Reference to a side panel opened via the SidePanelService.
+ * Similar to MatDialogRef from Angular Material.
+ */
+export declare class SidePanelRef<T = any, R = any> {
+    private readonly _afterClosed;
+    /**
+     * Instance of the component loaded into the side panel.
+     * Will be undefined if a TemplateRef was used instead of a component.
+     */
+    componentInstance?: R;
+    /**
+     * Observable that emits when the side panel is closed.
+     * Emits the result passed to the close method, or undefined if no result was provided.
+     */
+    afterClosed(): Observable<T | undefined>;
+    /**
+     * Closes the side panel with an optional result.
+     * @param result Optional data to be emitted via afterClosed()
+     */
+    close(result?: T): void;
+    /** @internal */
+    _emitClose(result?: T): void;
+}

package/components/side-panel/side-panel.service.d.ts

@@ -1,17 +1,18 @@
 import { Injector, TemplateRef, Type } from '@angular/core';
-import { SidePanelConfig } from './side-panel.model';
+import { SidePanelConfig, SidePanelRef } from './side-panel.model';
 import * as i0 from "@angular/core";
 export declare class SidePanelService {
     private SidePanelComponentRef?;
     private contentComponentRef?;
     private embeddedViewRef?;
+    private currentSidePanelRef?;
     private defaultSidePanelConfig;
     private injector;
     private appRef;
     constructor();
-    open(content: Type<any> | TemplateRef<any>, config: Partial<SidePanelConfig>, parentInjector?: Injector): void;
-    close(): void;
-    destroyComponent(): void;
+    open<T = any, R = any>(content: Type<R> | TemplateRef<any>, config: Partial<SidePanelConfig>, parentInjector?: Injector): SidePanelRef<T, R>;
+    close<T = any>(result?: T): void;
+    destroyComponent<T = any>(result?: T): void;
     private createSidePanelInjector;
     private createSidePanelComponent;
     private loadComponent;