@testgorilla/tgo-ui 2.10.1 → 2.10.2

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

@@ -0,0 +1,190 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnInit, SimpleChanges } from '@angular/core';
+import { IconName } from '../icon/icon.model';
+import { ButtonBadgeConfig, ButtonColor, ButtonIconPosition, ButtonSize, ButtonState, ButtonType, IconButtonSize, LinkUrlTarget } from './button.model';
+import { MatButton } from '@angular/material/button';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class ButtonComponent implements OnInit, AfterViewInit {
+    private readonly defaultAppTheme;
+    get enabled(): string;
+    tooltipElement: ElementRef<HTMLElement>;
+    /**
+     * Define button height
+     *
+     * @type {ButtonSize}
+     * @memberof ButtonComponent
+     */
+    size: ButtonSize;
+    /**
+     * Background color of the button while in active state
+     *
+     * @type {ButtonColor}
+     * @memberof ButtonComponent
+     */
+    variant: ButtonColor;
+    /**
+     * Text content to appear on the button
+     *
+     * @memberof ButtonComponent
+     */
+    label: string;
+    /**
+     * Positioning of the icon (when existant)
+     *
+     * @type {ButtonIconPosition}
+     * @memberof ButtonComponent
+     */
+    iconPosition?: ButtonIconPosition;
+    /**
+     * Define if button has only icon without text
+     *
+     * @memberof ButtonComponent
+     */
+    justIcon: boolean;
+    /**
+     * Name of ui-icon
+     *
+     * @type {IconName}
+     * @memberof ButtonComponent
+     */
+    iconName: IconName;
+    /**
+     * Indicator if the button should be disabled
+     *
+     * @memberof ButtonComponent
+     */
+    disabled: boolean;
+    /**
+     * Indicator if the loading icon should be shown
+     *
+     * @memberof ButtonComponent
+     */
+    loading: boolean;
+    /**
+     * Indicator of the button width
+     *
+     * @memberof ButtonComponent
+     */
+    fullWidth: boolean;
+    /**
+     * Url of button if it is a link
+     *
+     * @memberof ButtonComponent
+     */
+    url?: string;
+    /**
+     * Url's target of button if it is a link
+     *
+     * @type {@type {LinkUrlTarget}}
+     * @memberof ButtonComponent
+     */
+    urlTarget?: LinkUrlTarget;
+    /**
+     * Button value
+     *
+     * @memberof ButtonComponent
+     */
+    value?: string;
+    /**
+     * @property tooltip
+     * @description The tooltip that is displayed on hover. Required for icon-button type
+     * @type {string}
+     * @memberof ButtonComponent
+     */
+    tooltip: string;
+    /**
+     * @property isPremium
+     * @description The icon that is displayed for Premium button
+     * @type {boolean}
+     * @memberof ButtonComponent
+     */
+    isPremium: boolean;
+    /**
+     * The type of the button.
+     *
+     * @type {ButtonType}
+     * @memberof ButtonComponent
+     * @default 'button'
+     */
+    type: ButtonType;
+    /**
+     * Color of the button.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof ButtonComponent
+     */
+    companyColor: string;
+    /**
+     * Config for the button badge variation
+     * @type {ButtonBadgeConfig}
+     * @property badgeType Type of badge on the button
+     * @property badgeLabel Label text for the badge
+     * @property badgeNotificationAmount The amount for notification in the badge
+     */
+    buttonBadgeConfig: ButtonBadgeConfig | undefined;
+    /**
+     *
+     * Defines the application theme where buttons is used
+     *
+     * @type {ApplicationTheme}
+     * @memberof ButtonComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * Disabled button scale on click
+     *
+     * @type {boolean}
+     * @memberof ButtonComponent
+     */
+    disabledScaleOnClick: boolean;
+    /**
+     * A string representing the ARIA label for accessibility.
+     * This label is used to provide an accessible name for the input element.
+     * @type {string}
+     * @memberof ButtonComponent
+     */
+    ariaLabel: string;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {boolean}
+     * @memberof ButtonComponent
+     */
+    ariaRequired: boolean;
+    buttonClickEvent: EventEmitter<Event>;
+    buttonHoverEvent: EventEmitter<Event>;
+    buttonElement: MatButton;
+    get isDisabled(): boolean;
+    get compColor(): string;
+    classCss: string;
+    styleCss: any;
+    isButtonLink: boolean;
+    isLabel: boolean;
+    buttonState: ButtonState;
+    hover: boolean;
+    iconButtonSize: IconButtonSize;
+    allowButtonTypeForPremium: ButtonColor[];
+    isFilledIcon: boolean;
+    coloredIcons: string[];
+    get typeIncluded(): boolean;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    buttonClick(event: Event): void;
+    buttonHover(event: Event): void;
+    showLabel(): boolean;
+    setCssClass(): string;
+    setCssStyle(): any;
+    get showSpinner(): boolean;
+    showButtonLink(): boolean;
+    setIconButtonSize(): IconButtonSize;
+    onPressed(ev: Event): void;
+    focus(): void;
+    get getCompanyColor(): string;
+    get shouldChangeFilledStatus(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "ui-button", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "justIcon": { "alias": "justIcon"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; "url": { "alias": "url"; "required": false; }; "urlTarget": { "alias": "urlTarget"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "isPremium": { "alias": "isPremium"; "required": false; }; "type": { "alias": "type"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "buttonBadgeConfig": { "alias": "buttonBadgeConfig"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "disabledScaleOnClick": { "alias": "disabledScaleOnClick"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; }, { "buttonClickEvent": "buttonClickEvent"; "buttonHoverEvent": "buttonHoverEvent"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./button.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/button";
+import * as i4 from "../icon/icon.component.module";
+import * as i5 from "@angular/material/progress-spinner";
+import * as i6 from "@angular/material/tooltip";
+import * as i7 from "../badge/badge.component.module";
+export declare class ButtonComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonComponentModule, [typeof i1.ButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.IconComponentModule, typeof i5.MatProgressSpinnerModule, typeof i6.MatTooltipModule, typeof i7.BadgeComponentModule], [typeof i1.ButtonComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ButtonComponentModule>;
+}

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

@@ -0,0 +1,14 @@
+import { BadgeVariant, RebrandBadgeColor } from '../badge/badge.model';
+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 ButtonType = 'button' | 'submit' | 'reset';
+export type ButtonState = 'hover' | 'pressed' | 'disabled' | 'default';
+export interface ButtonBadgeConfig {
+    badgeType: BadgeVariant | null;
+    badgeLabel: string;
+    badgeNotificationAmount: number;
+    rebrandColor: RebrandBadgeColor;
+}

package/components/card/card.component.d.ts

@@ -0,0 +1,46 @@
+import { OnChanges, OnInit } from '@angular/core';
+import { CardSize, CardVariant } from './card.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class CardComponent implements OnChanges, OnInit {
+    private readonly defaultAppTheme;
+    private domSanitizer;
+    /**
+     * Card size. Defaults "medium".
+     *
+     * @type {CardSize}
+     * @memberof CardComponent
+     */
+    size: CardSize;
+    /**
+     * Card variants. Defaults "default".
+     *
+     * @type {CardVariant}
+     * @memberof CardComponent
+     */
+    variant: CardVariant;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof CardComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * Show errors below card.
+     *
+     * @type {string[]}
+     * @memberof CardComponent
+     */
+    set errors(errors: string[]);
+    safeErrors: SafeHtml[];
+    classes: string;
+    constructor(defaultAppTheme: ApplicationTheme, domSanitizer: DomSanitizer);
+    ngOnChanges(): void;
+    ngOnInit(): void;
+    get cardVariant(): CardVariant;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; }, {}, never, ["*"], false, never>;
+}

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

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./card.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../icon/icon.component.module";
+export declare class CardComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CardComponentModule, [typeof i1.CardComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule], [typeof i1.CardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CardComponentModule>;
+}

package/components/checkbox/checkbox.component.d.ts

@@ -0,0 +1,147 @@
+import { ChangeDetectorRef, DoCheck, EventEmitter, OnInit } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class CheckboxComponent implements OnInit, ControlValueAccessor, DoCheck {
+    private readonly defaultAppTheme;
+    private cdr;
+    ngControl: NgControl;
+    /**
+     * Determines whether the checkbox is disabled.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    disabled: boolean;
+    /**
+     * Determines whether the checkbox is checked.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    checked: boolean;
+    /**
+     * Determines whether the checkbox is indeterminate.
+     * It can be used to represent a checkbox with three states, e.g. a checkbox that represents a nested list of checkable items.
+     * Default: false.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    indeterminate: boolean;
+    /**
+     * Determines whether the checkbox color.
+     * Default: Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    companyColor: string;
+    /**
+     * Name value will be applied to the input element if present.
+     *
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    name: string;
+    /**
+     * Text content will be applied to the input element if present.
+     *
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    label: string;
+    /**
+     * Determines whether the checkbox is a multiple choice cell.
+     * Default: false
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    multiple: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof CheckboxComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     * A string representing the ARIA label for accessibility.
+     * This label is used to provide an accessible name for the input element.
+     * @type {string}
+     * @memberof CheckboxComponent
+     */
+    ariaLabel: string;
+    /**
+     * A string representing the ARIA requirement for accessibility.
+     * This attribute is used to indicate whether an input field is required for form submission.
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * Defines if checkbox has error
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    hasError: boolean;
+    /**
+     * The language to be used
+     * @property language
+     * @type {Language}
+     * @memberof CheckboxComponent
+     */
+    language: import("@testgorilla/tgo-ui").Language;
+    /**
+     * Hide in-build errors for Reactive Forms
+     *
+     * @type {number}
+     * @memberof CheckboxComponent
+     */
+    hideBuiltInErrors: boolean;
+    /**
+     * Hide label in errors
+     *
+     * @type {number}
+     * @memberof CheckboxComponent
+     */
+    hideLabelInErrors: boolean;
+    /**
+     * Event emitted when the checkbox's checked value changes.
+     *
+     * @type {boolean}
+     * @memberof CheckboxComponent
+     */
+    changed: EventEmitter<boolean>;
+    /**
+     * @ignore
+     */
+    onChange: (_: any) => void;
+    /**
+     * @ignore
+     */
+    onTouch: () => void;
+    classMultiple: string;
+    constructor(defaultAppTheme: ApplicationTheme, cdr: ChangeDetectorRef, ngControl: NgControl);
+    /**
+     * Used to mark component view as dirty when touched programmatically with markAsTouched/markAllAsTouched or errors
+     * to display validation errors that might happen (e.g. required)
+     */
+    ngDoCheck(): void;
+    emitChange(event: MatCheckboxChange): void;
+    ngOnInit(): void;
+    toggleChecked(event: MatCheckboxChange): void;
+    setClass(): string;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, [{ optional: true; }, null, { optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "ui-checkbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "companyColor": { "alias": "companyColor"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "language": { "alias": "language"; "required": false; }; "hideBuiltInErrors": { "alias": "hideBuiltInErrors"; "required": false; }; "hideLabelInErrors": { "alias": "hideLabelInErrors"; "required": false; }; }, { "changed": "changed"; }, never, ["[checkbox-label]"], false, never>;
+}

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

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./checkbox.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/checkbox";
+import * as i4 from "@angular/forms";
+import * as i5 from "@angular/material/input";
+import * as i6 from "../icon/icon.component.module";
+import * as i7 from "../../pipes/ui-translate.pipe";
+import * as i8 from "../validation-error/validation-error.module";
+import * as i9 from "../../pipes/has-validation-error.pipe";
+export declare class CheckboxComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxComponentModule, [typeof i1.CheckboxComponent], [typeof i2.CommonModule, typeof i3.MatCheckboxModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.MatInputModule, typeof i6.IconComponentModule, typeof i7.UiTranslatePipe, typeof i8.ValidationErrorModule, typeof i9.HasValidationErrorPipe], [typeof i1.CheckboxComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxComponentModule>;
+}

package/components/confirm-dialog/confirm-dialog.component.d.ts

@@ -0,0 +1,25 @@
+import { MatDialogRef } from '@angular/material/dialog';
+import { ConfirmDialogData } from './confirm-dialog.model';
+import { ApplicationTheme } from '../../models/application-theme.model';
+import * as i0 from "@angular/core";
+export declare class ConfirmDialogComponent {
+    private readonly defaultAppTheme;
+    dialogRef: MatDialogRef<ConfirmDialogComponent>;
+    private data;
+    confirmMessage: string;
+    confirmButtonText: string | undefined;
+    cancelButtonText: string | undefined;
+    title: string | undefined;
+    lang: import("@testgorilla/tgo-ui").Language;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof DialogComponent
+     */
+    applicationTheme: ApplicationTheme;
+    constructor(defaultAppTheme: ApplicationTheme, dialogRef: MatDialogRef<ConfirmDialogComponent>, data: ConfirmDialogData);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponent, [{ optional: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialogComponent, "ui-confirm-dialog", never, { "applicationTheme": { "alias": "applicationTheme"; "required": false; }; }, {}, never, never, false, never>;
+}

package/components/confirm-dialog/confirm-dialog.component.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./confirm-dialog.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/dialog";
+import * as i4 from "../button/button.component.module";
+import * as i5 from "../dialog/dialog.component.module";
+import * as i6 from "../../pipes/ui-translate.pipe";
+export declare class ConfirmDialogComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmDialogComponentModule, [typeof i1.ConfirmDialogComponent], [typeof i2.CommonModule, typeof i3.MatDialogModule, typeof i4.ButtonComponentModule, typeof i5.DialogComponentModule, typeof i6.UiTranslatePipe], [typeof i1.ConfirmDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ConfirmDialogComponentModule>;
+}

package/components/confirm-dialog/confirm-dialog.model.d.ts

@@ -0,0 +1,9 @@
+import { Language } from '../../utils/localization/language.model';
+export interface ConfirmDialogData {
+    message: string;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    title?: string;
+    color?: string;
+    language?: Language;
+}