@testgorilla/tgo-ui 7.0.0-beta.0 → 7.0.0

package/components/inline-field/inline-field.model.d.ts

@@ -0,0 +1,107 @@
+import { EventEmitter } from '@angular/core';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+/**
+ * State of the inline field component
+ */
+export type InlineFieldState = 'default' | 'focused' | 'editing' | 'error' | 'disabled' | 'loading';
+/**
+ * Events emitted by the inline field component
+ */
+export interface InlineFieldEvents {
+    /**
+     * Emitted when user clicks save button
+     */
+    onSave: EventEmitter<string>;
+    /**
+     * Emitted when user clicks cancel button
+     */
+    onCancel: EventEmitter<void>;
+    /**
+     * Emitted when the field value changes
+     */
+    onValueChange: EventEmitter<string>;
+    /**
+     * Emitted when editing mode is toggled
+     */
+    onEditingModeChange: EventEmitter<boolean>;
+    /**
+     * Emitted on focus events
+     */
+    onFocus: EventEmitter<void>;
+    /**
+     * Emitted on blur events
+     */
+    onBlur: EventEmitter<void>;
+}
+/**
+ * Configuration for save/cancel buttons
+ */
+export interface InlineFieldButtonConfig {
+    /**
+     * Label for save button
+     * @default "Save"
+     */
+    saveLabel?: string;
+    /**
+     * Label for cancel button
+     * @default "Cancel"
+     */
+    cancelLabel?: string;
+    /**
+     * Icon for save button
+     * @default "Check-filled"
+     */
+    saveIcon?: IconName;
+    /**
+     * Icon for cancel button
+     * @default "Close-filled"
+     */
+    cancelIcon?: IconName;
+    /**
+     * Show buttons on hover only
+     * @default false
+     */
+    showOnHoverOnly?: boolean;
+}
+/**
+ * Validation configuration
+ */
+export interface InlineFieldValidation {
+    /**
+     * Whether the field is required
+     */
+    required?: boolean;
+    /**
+     * Minimum length
+     */
+    minLength?: number;
+    /**
+     * Maximum length
+     */
+    maxLength?: number;
+    /**
+     * Custom validation pattern
+     */
+    pattern?: RegExp;
+    /**
+     * Custom validation function
+     */
+    customValidator?: (value: string) => boolean;
+}
+/**
+ * Interface for inline field change event
+ */
+export interface InlineFieldChangeEvent {
+    /**
+     * The new value
+     */
+    value: string;
+    /**
+     * Whether the change was saved or cancelled
+     */
+    saved: boolean;
+    /**
+     * Previous value before the change
+     */
+    previousValue: string;
+}

package/components/inline-field/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './inline-field.component';
+export * from './inline-field.component.module';
+export * from './inline-field.model';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';

package/components/logo/index.d.ts

@@ -1,106 +1,5 @@
-import * as i0 from '@angular/core';
-import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@angular/common';
-
-declare enum LogoTypeEnum {
-    DEFAULT = "default",
-    POWEREDBY = "poweredby",
-    REVERSE = "reverse",
-    PRIMARY_BRANDMARK_PINK = "primary-brandmark-pink",
-    PRIMARY_LOCKUP_PINK = "primary-lockup-pink",
-    PRIMARY_WORDMARK_PINK = "primary-wordmark-pink",
-    SECONDARY_BRANDMARK_BLACK = "secondary-brandmark-black",
-    SECONDARY_BRANDMARK_CREAM = "secondary-brandmark-cream",
-    SECONDARY_LOCKUP_BLACK = "secondary-lockup-black",
-    SECONDARY_LOCKUP_CREAM = "secondary-lockup-cream",
-    SECONDARY_WORDMARK_BLACK = "secondary-wordmark-black",
-    SECONDARY_WORDMARK_CREAM = "secondary-wordmark-cream"
-}
-declare enum LogoPathEnum {
-    DEFAULT = "/images/testgorilla.svg",
-    POWEREDBY = "/images/poweredbyTG.svg",
-    REVERSE = "/images/reverseTG.svg",
-    PRIMARY_BRANDMARK_PINK = "/images/rebrand-logo/primary_brandmark_pink.svg",
-    PRIMARY_LOCKUP_PINK = "/images/rebrand-logo/primary_lockup_pink.svg",
-    PRIMARY_WORDMARK_PINK = "/images/rebrand-logo/primary_wordmark_pink.svg",
-    SECONDARY_BRANDMARK_BLACK = "/images/rebrand-logo/secondary_brandmark_black.svg",
-    SECONDARY_BRANDMARK_CREAM = "/images/rebrand-logo/secondary_brandmark_cream.svg",
-    SECONDARY_LOCKUP_BLACK = "/images/rebrand-logo/secondary_lockup_black.svg",
-    SECONDARY_LOCKUP_CREAM = "/images/rebrand-logo/secondary_lockup_cream.svg",
-    SECONDARY_WORDMARK_BLACK = "/images/rebrand-logo/secondary_wordmark_black.svg",
-    SECONDARY_WORDMARK_CREAM = "/images/rebrand-logo/secondary_wordmark_cream.svg",
-    REBRAND_POWEREDBY = "/images/rebrand-logo/powered-by.svg"
-}
-
-declare class LogoComponent implements OnInit, OnChanges {
-    private readonly defaultAppTheme;
-    /**
-     * Logo type
-     *
-     * @type {LogoTypeEnum}
-     * @memberof LogoComponent
-     */
-    type: LogoTypeEnum;
-    /**
-     *
-     * Defines the application theme
-     *
-     * @type {ApplicationTheme}
-     * @memberof LogoComponent
-     */
-    applicationTheme: ApplicationTheme;
-    /**
-     *
-     * Label. Only for ppoweredby type
-     *
-     * @type {string}
-     * @memberof LogoComponent
-     */
-    label: string;
-    /**
-     * Set logo width
-     * @default 200
-     * @type {number}
-     * @memberof LogoComponent
-     */
-    width: number;
-    /**
-     *
-     * Allow change logo width
-     *
-     * @type {string}
-     * @memberof LogoComponent
-     */
-    allowResizing: boolean;
-    protected readonly LogoTypeEnum: typeof LogoTypeEnum;
-    /**
-     * @ignore
-     */
-    logoURL: string;
-    /**
-     * @ignore
-     */
-    setURL: () => void;
-    constructor(defaultAppTheme: ApplicationTheme);
-    /**
-     * @ignore
-     */
-    ngOnInit(): void;
-    /**
-     * @ignore
-     */
-    ngOnChanges(changes: SimpleChanges): void;
-    private changeWidth;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LogoComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LogoComponent, "ui-logo", never, { "type": { "alias": "type"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare class LogoComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LogoComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LogoComponentModule, [typeof LogoComponent], [typeof i2.NgIf], [typeof LogoComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LogoComponentModule>;
-}
-
-export { LogoComponent, LogoComponentModule, LogoPathEnum, LogoTypeEnum };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/logo" />
+export * from './public-api';

package/components/logo/logo.component.d.ts

@@ -0,0 +1,66 @@
+import { OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { LogoTypeEnum } from './logo.model';
+import * as i0 from "@angular/core";
+export declare class LogoComponent implements OnInit, OnChanges {
+    private readonly defaultAppTheme;
+    /**
+     * Logo type
+     *
+     * @type {LogoTypeEnum}
+     * @memberof LogoComponent
+     */
+    type: LogoTypeEnum;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof LogoComponent
+     */
+    applicationTheme: ApplicationTheme;
+    /**
+     *
+     * Label. Only for ppoweredby type
+     *
+     * @type {string}
+     * @memberof LogoComponent
+     */
+    label: string;
+    /**
+     * Set logo width
+     * @default 200
+     * @type {number}
+     * @memberof LogoComponent
+     */
+    width: number;
+    /**
+     *
+     * Allow change logo width
+     *
+     * @type {string}
+     * @memberof LogoComponent
+     */
+    allowResizing: boolean;
+    protected readonly LogoTypeEnum: typeof LogoTypeEnum;
+    /**
+     * @ignore
+     */
+    logoURL: string;
+    /**
+     * @ignore
+     */
+    setURL: () => void;
+    constructor(defaultAppTheme: ApplicationTheme);
+    /**
+     * @ignore
+     */
+    ngOnInit(): void;
+    /**
+     * @ignore
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    private changeWidth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LogoComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LogoComponent, "ui-logo", never, { "type": { "alias": "type"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "label": { "alias": "label"; "required": false; }; "width": { "alias": "width"; "required": false; }; "allowResizing": { "alias": "allowResizing"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./logo.component";
+import * as i2 from "@angular/common";
+export declare class LogoComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LogoComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LogoComponentModule, [typeof i1.LogoComponent], [typeof i2.NgIf], [typeof i1.LogoComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LogoComponentModule>;
+}

package/components/logo/logo.model.d.ts

@@ -0,0 +1,29 @@
+export declare enum LogoTypeEnum {
+    DEFAULT = "default",
+    POWEREDBY = "poweredby",
+    REVERSE = "reverse",
+    PRIMARY_BRANDMARK_PINK = "primary-brandmark-pink",
+    PRIMARY_LOCKUP_PINK = "primary-lockup-pink",
+    PRIMARY_WORDMARK_PINK = "primary-wordmark-pink",
+    SECONDARY_BRANDMARK_BLACK = "secondary-brandmark-black",
+    SECONDARY_BRANDMARK_CREAM = "secondary-brandmark-cream",
+    SECONDARY_LOCKUP_BLACK = "secondary-lockup-black",
+    SECONDARY_LOCKUP_CREAM = "secondary-lockup-cream",
+    SECONDARY_WORDMARK_BLACK = "secondary-wordmark-black",
+    SECONDARY_WORDMARK_CREAM = "secondary-wordmark-cream"
+}
+export declare enum LogoPathEnum {
+    DEFAULT = "/images/testgorilla.svg",
+    POWEREDBY = "/images/poweredbyTG.svg",
+    REVERSE = "/images/reverseTG.svg",
+    PRIMARY_BRANDMARK_PINK = "/images/rebrand-logo/primary_brandmark_pink.svg",
+    PRIMARY_LOCKUP_PINK = "/images/rebrand-logo/primary_lockup_pink.svg",
+    PRIMARY_WORDMARK_PINK = "/images/rebrand-logo/primary_wordmark_pink.svg",
+    SECONDARY_BRANDMARK_BLACK = "/images/rebrand-logo/secondary_brandmark_black.svg",
+    SECONDARY_BRANDMARK_CREAM = "/images/rebrand-logo/secondary_brandmark_cream.svg",
+    SECONDARY_LOCKUP_BLACK = "/images/rebrand-logo/secondary_lockup_black.svg",
+    SECONDARY_LOCKUP_CREAM = "/images/rebrand-logo/secondary_lockup_cream.svg",
+    SECONDARY_WORDMARK_BLACK = "/images/rebrand-logo/secondary_wordmark_black.svg",
+    SECONDARY_WORDMARK_CREAM = "/images/rebrand-logo/secondary_wordmark_cream.svg",
+    REBRAND_POWEREDBY = "/images/rebrand-logo/powered-by.svg"
+}

package/components/logo/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './logo.component';
+export * from './logo.component.module';
+export * from './logo.model';
+export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';

package/components/media-card/index.d.ts

@@ -1,35 +1,5 @@
-import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
-
-declare class MediaCardComponent {
-    /**
-     * The title of the card
-     * @type {string}
-     * @memberof MediaCardComponent
-     */
-    title: string;
-    /**
-     * The description of the card
-     * @type {string}
-     * @memberof MediaCardComponent
-     */
-    description: string;
-    /**
-     * The image of the card
-     * @type {string}
-     * @memberof MediaCardComponent
-     */
-    image: string;
-    /**
-     * The label of the button
-     * @type {string}
-     * @memberof MediaCardComponent
-     */
-    buttonLabel: string;
-    buttonClick: EventEmitter<void>;
-    protected showTitleTooltip: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MediaCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MediaCardComponent, "ui-media-card", never, { "title": { "alias": "title"; "required": true; }; "description": { "alias": "description"; "required": true; }; "image": { "alias": "image"; "required": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
-}
-
-export { MediaCardComponent };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/media-card" />
+export * from './public-api';

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

@@ -0,0 +1,32 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class MediaCardComponent {
+    /**
+     * The title of the card
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    title: string;
+    /**
+     * The description of the card
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    description: string;
+    /**
+     * The image of the card
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    image: string;
+    /**
+     * The label of the button
+     * @type {string}
+     * @memberof MediaCardComponent
+     */
+    buttonLabel: string;
+    buttonClick: EventEmitter<void>;
+    protected showTitleTooltip: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaCardComponent, "ui-media-card", never, { "title": { "alias": "title"; "required": true; }; "description": { "alias": "description"; "required": true; }; "image": { "alias": "image"; "required": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
+}

package/components/media-card/public-api.d.ts

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

package/components/media-dialog/index.d.ts

@@ -1,47 +1,5 @@
-import * as i0 from '@angular/core';
-import { TemplateRef } from '@angular/core';
-import { MatDialogRef } from '@angular/material/dialog';
-
-interface MediaDialogStep {
-    subheader?: string;
-    title: string;
-    body: string;
-    mediaContainer: TemplateRef<any>;
-    primaryButtonLabel: string;
-    secondaryButtonLabel?: string;
-    backButtonLabel?: string;
-    primaryButtonDataTestId?: string;
-    secondaryButtonDataTestId?: string;
-    backButtonDataTestId?: string;
-}
-interface MediaDialogData {
-    steps?: MediaDialogStep[];
-}
-
-declare class MediaDialogComponent {
-    dialogRef: MatDialogRef<MediaDialogComponent>;
-    private data;
-    primaryButtonLabel: string | undefined;
-    secondaryButtonLabel: string | undefined;
-    backButtonLabel: string | undefined;
-    title: string | undefined;
-    primaryButtonDataTestId: string;
-    secondaryButtonDataTestId: string;
-    backButtonDataTestId: string;
-    mediaContainer: TemplateRef<any>;
-    subheader: string | undefined;
-    body: string;
-    currentStepIndex: number;
-    steps: MediaDialogStep[];
-    constructor(dialogRef: MatDialogRef<MediaDialogComponent>, data: MediaDialogData);
-    private setStep;
-    onPrimaryButtonClick(): void;
-    onBackButtonClick(): void;
-    onSecondaryButtonClick(): void;
-    dismiss(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MediaDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MediaDialogComponent, "ui-media-dialog", never, {}, {}, never, never, true, never>;
-}
-
-export { MediaDialogComponent };
-export type { MediaDialogData, MediaDialogStep };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/media-dialog" />
+export * from './public-api';

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

@@ -0,0 +1,28 @@
+import { TemplateRef } from '@angular/core';
+import { MatDialogRef } from '@angular/material/dialog';
+import { MediaDialogData, MediaDialogStep } from './media-dialog.model';
+import * as i0 from "@angular/core";
+export declare class MediaDialogComponent {
+    dialogRef: MatDialogRef<MediaDialogComponent>;
+    private data;
+    primaryButtonLabel: string | undefined;
+    secondaryButtonLabel: string | undefined;
+    backButtonLabel: string | undefined;
+    title: string | undefined;
+    primaryButtonDataTestId: string;
+    secondaryButtonDataTestId: string;
+    backButtonDataTestId: string;
+    mediaContainer: TemplateRef<any>;
+    subheader: string | undefined;
+    body: string;
+    currentStepIndex: number;
+    steps: MediaDialogStep[];
+    constructor(dialogRef: MatDialogRef<MediaDialogComponent>, data: MediaDialogData);
+    private setStep;
+    onPrimaryButtonClick(): void;
+    onBackButtonClick(): void;
+    onSecondaryButtonClick(): void;
+    dismiss(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MediaDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MediaDialogComponent, "ui-media-dialog", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,16 @@
+import { TemplateRef } from '@angular/core';
+export interface MediaDialogStep {
+    subheader?: string;
+    title: string;
+    body: string;
+    mediaContainer: TemplateRef<any>;
+    primaryButtonLabel: string;
+    secondaryButtonLabel?: string;
+    backButtonLabel?: string;
+    primaryButtonDataTestId?: string;
+    secondaryButtonDataTestId?: string;
+    backButtonDataTestId?: string;
+}
+export interface MediaDialogData {
+    steps?: MediaDialogStep[];
+}

package/components/media-dialog/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './media-dialog.component';
+export * from './media-dialog.model';