@testgorilla/tgo-ui 2.13.1 → 2.15.0

package/components/autocomplete/autocomplete.component.d.ts

@@ -160,6 +160,12 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      * @memberof AutocompleteComponent
      */
     virtualScroll: boolean;
+    /**
+     * @property compareWith
+     * @description Custom comparison logic for the autocomplete.
+     * @memberof AutocompleteComponent
+     */
+    compareWith: (a: any, b: any) => boolean;
     selectionChange: EventEmitter<any>;
     searchTextChange: EventEmitter<string>;
     formFieldElement: ElementRef<HTMLElement>;
@@ -218,6 +224,6 @@ export declare class AutocompleteComponent implements ControlValueAccessor, OnCh
      */
     private setCompanyColorVariable;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, [{ optional: true; }, null, null, { optional: true; self: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "ui-autocomplete", never, { "itemsList": { "alias": "itemsList"; "required": false; }; "suggestionsList": { "alias": "suggestionsList"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "allowAdd": { "alias": "allowAdd"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "label": { "alias": "label"; "required": false; }; "itemValue": { "alias": "itemValue"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minCharactersSearch": { "alias": "minCharactersSearch"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "language": { "alias": "language"; "required": false; }; "showBottomContent": { "alias": "showBottomContent"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "compareWith": { "alias": "compareWith"; "required": false; }; }, { "selectionChange": "selectionChange"; "searchTextChange": "searchTextChange"; }, never, never, false, never>;
     static ngAcceptInputType_virtualScroll: unknown;
 }

package/components/button/button.model.d.ts

@@ -3,7 +3,7 @@ export type ButtonIconPosition = 'left' | 'right';
 export type ButtonColor = 'primary' | 'secondary' | 'ghost' | 'outlined' | 'destructive' | 'tertiary' | 'link' | 'tab' | 'text' | 'menuTrigger' | 'menuCell' | 'icon-button';
 export type ButtonSize = 'big' | 'medium' | 'small';
 export type LinkUrlTarget = '' | '_self' | '_blank' | '_parent' | '_top';
-export type IconButtonSize = '32' | '40';
+export type IconButtonSize = '24' | '32' | '40';
 export type ButtonType = 'button' | 'submit' | 'reset';
 export type ButtonState = 'hover' | 'pressed' | 'disabled' | 'default';
 export interface ButtonBadgeConfig {

package/components/navbar/navbar.component.d.ts

@@ -1,5 +1,5 @@
 import { DestroyRef, EventEmitter, TemplateRef } from '@angular/core';
-import { IRoute, MenuItem } from './navbar.model';
+import { IRoute, MenuItem, MenuState, ScreenSize } from './navbar.model';
 import { ApplicationTheme } from '../../models/application-theme.model';
 import { SideSheetService } from '../side-sheet/side-sheet.service';
 import { BreakpointObserver } from '@angular/cdk/layout';
@@ -95,6 +95,8 @@ export declare class NavbarComponent {
      * @ignore
      */
     logoutEvent: EventEmitter<void>;
+    menuState: EventEmitter<MenuState>;
+    protected screenSize: ScreenSize;
     protected readonly translationContext = "NAVBAR.";
     private readonly _mobileBreakpoint$;
     private readonly _tabletBreakpoint$;
@@ -109,7 +111,7 @@ export declare class NavbarComponent {
     navigate(routeId: string): void;
     logout(): void;
     clickMenuItem(id: string): void;
-    onOpenChange(isOpened: boolean): void;
+    onChangeMenuState(isOpened: boolean, screenSize: ScreenSize): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, [null, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "email": { "alias": "email"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "isAvatar": { "alias": "isAvatar"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; }, never, ["[actions]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "ui-navbar", never, { "routes": { "alias": "routes"; "required": false; }; "activedRoute": { "alias": "activedRoute"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; "email": { "alias": "email"; "required": false; }; "menuItems": { "alias": "menuItems"; "required": false; }; "language": { "alias": "language"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "contentTemplateRef": { "alias": "contentTemplateRef"; "required": false; }; "mobileBreakpoint": { "alias": "mobileBreakpoint"; "required": false; }; "isAvatar": { "alias": "isAvatar"; "required": false; }; }, { "navigateEvent": "navigateEvent"; "menuItemClicked": "menuItemClicked"; "logoutEvent": "logoutEvent"; "menuState": "menuState"; }, never, ["[actions]", "*"], false, never>;
 }

package/components/navbar/navbar.model.d.ts

@@ -8,3 +8,8 @@ export interface MenuItem {
     icon: IconName;
     text: string;
 }
+export interface MenuState {
+    screenSize: ScreenSize;
+    isOpened: boolean;
+}
+export type ScreenSize = 'mobile' | 'tablet' | 'desktop';

package/components/segmented-button/segmented-button.component.d.ts

@@ -1,8 +1,10 @@
 import { EventEmitter } from '@angular/core';
 import { SegmentedButton } from './segmented-button.model';
 import { ControlValueAccessor } from '@angular/forms';
+import { ApplicationTheme } from '../../models/application-theme.model';
 import * as i0 from "@angular/core";
 export declare class SegmentedButtonComponent implements ControlValueAccessor {
+    private readonly defaultAppTheme;
     /**
      * Input property to set the buttons for the segmented button.
      * @type SegmentedButton
@@ -17,16 +19,36 @@ export declare class SegmentedButtonComponent implements ControlValueAccessor {
      * @memberof SegmentedButtonComponent
      */
     disabled: boolean;
+    /**
+     * Indicator of the Segmented Button width
+     *
+     * @memberof SegmentedButtonComponent
+     */
+    fullWidth: boolean;
+    /**
+     * Selected button
+     *
+     * @memberof SegmentedButtonComponent
+     */
+    set value(v: any);
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof SegmentedButtonComponent
+     */
+    applicationTheme: ApplicationTheme;
     buttonSelected: EventEmitter<any>;
     protected _value: any;
-    set value(v: any);
     get value(): any;
+    constructor(defaultAppTheme: ApplicationTheme);
     onChange: (v: any) => void;
     onTouch: () => void;
     writeValue(obj: any): void;
     setDisabledState(isDisabled: boolean): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, { "buttonConfig": { "alias": "buttonConfig"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "buttonSelected": "buttonSelected"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedButtonComponent, "ui-segmented-button", never, { "buttonConfig": { "alias": "buttonConfig"; "required": true; }; "disabled": { "alias": "disabled"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, { "buttonSelected": "buttonSelected"; }, never, never, false, never>;
 }

package/components/segmented-button/segmented-button.component.module.d.ts

@@ -3,8 +3,9 @@ import * as i1 from "./segmented-button.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/material/button-toggle";
 import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/tooltip";
 export declare class SegmentedButtonComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedButtonComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedButtonComponentModule, [typeof i1.SegmentedButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonToggleModule, typeof i4.FormsModule], [typeof i1.SegmentedButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SegmentedButtonComponentModule, [typeof i1.SegmentedButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonToggleModule, typeof i4.FormsModule, typeof i5.MatTooltipModule], [typeof i1.SegmentedButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SegmentedButtonComponentModule>;
 }

package/components/segmented-button/segmented-button.model.d.ts

@@ -4,4 +4,5 @@ export interface SegmentedButton {
     label?: string;
     template?: TemplateRef<any>;
     disabled?: boolean;
+    tooltip?: string;
 }

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

@@ -86,9 +86,15 @@ export declare class ToggleComponent implements ControlValueAccessor, OnChanges,
      * @memberof ToggleComponent
      */
     language: import("@testgorilla/tgo-ui").Language;
+    /**
+     * The loading state
+     *
+     * @type {boolean}
+     * @memberof ToggleComponent
+     */
+    loading: boolean;
     protected showLabelTooltip: boolean;
     protected classes: string;
-    protected translateContext: string;
     constructor(defaultAppTheme: ApplicationTheme);
     ngOnChanges(): void;
     ngOnInit(): void;
@@ -100,6 +106,7 @@ export declare class ToggleComponent implements ControlValueAccessor, OnChanges,
     changeTextState(state: boolean): void;
     private onChange;
     private onTouched;
+    private setClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "ui-toggle", never, { "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "preventClick": { "alias": "preventClick"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, { "toggle": "toggle"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "ui-toggle", never, { "selected": { "alias": "selected"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "preventClick": { "alias": "preventClick"; "required": false; }; "language": { "alias": "language"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "toggle": "toggle"; }, never, never, false, never>;
 }

package/components/toggle/toggle.component.module.d.ts

@@ -5,8 +5,10 @@ import * as i3 from "@angular/material/tooltip";
 import * as i4 from "../../directives/ellipse-text.directive";
 import * as i5 from "@angular/material/input";
 import * as i6 from "../../pipes/ui-translate.pipe";
+import * as i7 from "../icon/icon.component.module";
+import * as i8 from "../spinner/spinner.module";
 export declare class ToggleComponentModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ToggleComponentModule, [typeof i1.ToggleComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.EllipseTextDirective, typeof i5.MatInputModule, typeof i6.UiTranslatePipe], [typeof i1.ToggleComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToggleComponentModule, [typeof i1.ToggleComponent], [typeof i2.CommonModule, typeof i3.MatTooltipModule, typeof i4.EllipseTextDirective, typeof i5.MatInputModule, typeof i6.UiTranslatePipe, typeof i7.IconComponentModule, typeof i8.SpinnerComponentModule], [typeof i1.ToggleComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ToggleComponentModule>;
 }