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

package/components/tabs/index.d.ts

@@ -1,145 +1,5 @@
-import * as _angular_core from '@angular/core';
-import { OnInit, AfterViewInit, EventEmitter } from '@angular/core';
-import * as i5 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
-import { NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
-import * as i4 from '@angular/material/tabs';
-import { MatTabGroup } from '@angular/material/tabs';
-import * as i6 from '@testgorilla/tgo-ui/components/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import { Observable } from 'rxjs';
-import * as i3 from '@angular/common';
-import * as i7 from '@testgorilla/tgo-ui/components/skeleton';
-
-interface Tab {
-    tabName: string;
-    tabLabel: string;
-    contentTemplateRef: any;
-    iconLeft?: IconName;
-    iconRight?: IconName;
-    disabled?: boolean;
-    canLeave?: (ctx?: {
-        currentTab: Tab;
-        nextTab: Tab;
-    }) => boolean | Promise<boolean>;
-    linkUrl?: string;
-    ariaLabel?: string;
-    order?: number;
-    skeletonTheme?: NgxSkeletonLoaderConfigTheme;
-    isSkeletonAiTheme?: boolean;
-}
-type TabsType = 'underlined' | 'filled';
-declare const TAB_HEADER_SIZE: {
-    readonly BIG: "big";
-    readonly MEDIUM: "medium";
-    readonly SMALL: "small";
-};
-type TabHeaderSize = (typeof TAB_HEADER_SIZE)[keyof typeof TAB_HEADER_SIZE];
-
-declare class TabDirective implements OnInit {
-    tabLabel: _angular_core.InputSignal<string>;
-    tabName: _angular_core.InputSignal<string>;
-    iconLeft: _angular_core.InputSignal<IconName | undefined>;
-    iconRight: _angular_core.InputSignal<IconName | undefined>;
-    disabled: _angular_core.InputSignalWithTransform<boolean, string>;
-    canLeave: _angular_core.InputSignal<((ctx?: {
-        currentTab: Tab;
-        nextTab: Tab;
-    }) => boolean | Promise<boolean>) | undefined>;
-    linkUrl: _angular_core.InputSignal<string | undefined>;
-    order: _angular_core.InputSignal<number | undefined>;
-    skeletonTheme: _angular_core.InputSignal<NgxSkeletonLoaderConfigTheme | undefined>;
-    isSkeletonAiTheme: _angular_core.InputSignal<boolean | undefined>;
-    private tabsComponent;
-    private template;
-    private syncProps;
-    private cleanup;
-    ngOnInit(): void;
-    private addTab;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TabDirective, "ng-template[uiTab]", never, { "tabLabel": { "alias": "tabLabel"; "required": true; "isSignal": true; }; "tabName": { "alias": "tabName"; "required": true; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "canLeave": { "alias": "canLeave"; "required": false; "isSignal": true; }; "linkUrl": { "alias": "linkUrl"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": false; "isSignal": true; }; "skeletonTheme": { "alias": "skeletonTheme"; "required": false; "isSignal": true; }; "isSkeletonAiTheme": { "alias": "isSkeletonAiTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class TabsComponent implements AfterViewInit {
-    private readonly defaultAppTheme;
-    protected readonly isMobile$: Observable<boolean>;
-    /**
-     * Color of the Tabs.
-     * Defaults to Test Gorilla primary color.
-     *
-     * @type {string}
-     * @memberof TabsComponent
-     */
-    companyColor: string | null;
-    /**
-     * Type the Tabs.
-     * Defaults underlined.
-     *
-     * @type {TabsType}
-     * @memberof TabsComponent
-     */
-    type: TabsType;
-    /**
-     * Animation duration when switching tabs
-     *
-     * @type {number}
-     * @memberof TabsComponent
-     */
-    animationDuration: number;
-    /**
-     * Sets the padding for content and header
-     *
-     * @type {number}
-     * @memberof TabsComponent
-     */
-    headerContentPadding: string;
-    /**
-     * Sets the dynamic height of the tab
-     * @type {boolean}
-     * @memberof TabsComponent
-     */
-    dynamicHeight: boolean;
-    /**
-     *
-     * Defines the application theme
-     *
-     * @type {ApplicationTheme}
-     * @memberof TabsComponent
-     */
-    applicationTheme: ApplicationTheme;
-    tabHeaderSize: _angular_core.InputSignal<TabHeaderSize>;
-    isLoading: _angular_core.InputSignal<boolean>;
-    selectedTabIndex: EventEmitter<number>;
-    selectedTab: EventEmitter<Tab>;
-    tabGroup: MatTabGroup;
-    protected tabs: Tab[];
-    readonly tabIndex: _angular_core.WritableSignal<number>;
-    protected tabIndexMap: Record<string, number>;
-    private insertionCounter;
-    private tabTransitionInProgress;
-    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
-    ngAfterViewInit(): void;
-    addTab(tab: Tab): void;
-    private sortTabs;
-    private updateTabIndexMap;
-    onTabChange(index: number): void;
-    selectTab(tabName: string): void;
-    indexOf(tabName: string): number;
-    trackByTabName(index: number, tab: Tab): string;
-    removeTab(tabName: string): void;
-    updateTab(tabName: string, tab: Partial<Omit<Tab, 'tabName'>>): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponent, [{ optional: true; }, null]>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "headerContentPadding": { "alias": "headerContentPadding"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tabHeaderSize": { "alias": "tabHeaderSize"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "selectedTabIndex": "selectedTabIndex"; "selectedTab": "selectedTab"; }, never, never, false, never>;
-    static ngAcceptInputType_headerContentPadding: number;
-    static ngAcceptInputType_dynamicHeight: unknown;
-}
-
-declare class TabsComponentModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsComponentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TabsComponentModule, [typeof TabsComponent], [typeof TabDirective, typeof i3.CommonModule, typeof i4.MatTabsModule, typeof i5.IconComponentModule, typeof i6.UiTranslatePipe, typeof i7.SkeletonComponent], [typeof TabsComponent, typeof TabDirective]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TabsComponentModule>;
-}
-
-export { TAB_HEADER_SIZE, TabDirective, TabsComponent, TabsComponentModule };
-export type { Tab, TabHeaderSize, TabsType };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/tabs" />
+export * from './public-api';

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

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

package/components/tabs/tab.directive.d.ts

@@ -0,0 +1,28 @@
+import { OnInit } from '@angular/core';
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { Tab } from './tabs.model';
+import { NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
+import * as i0 from "@angular/core";
+export declare class TabDirective implements OnInit {
+    tabLabel: import("@angular/core").InputSignal<string>;
+    tabName: import("@angular/core").InputSignal<string>;
+    iconLeft: import("@angular/core").InputSignal<IconName | undefined>;
+    iconRight: import("@angular/core").InputSignal<IconName | undefined>;
+    disabled: import("@angular/core").InputSignalWithTransform<boolean, string>;
+    canLeave: import("@angular/core").InputSignal<((ctx?: {
+        currentTab: Tab;
+        nextTab: Tab;
+    }) => boolean | Promise<boolean>) | undefined>;
+    linkUrl: import("@angular/core").InputSignal<string | undefined>;
+    order: import("@angular/core").InputSignal<number | undefined>;
+    skeletonTheme: import("@angular/core").InputSignal<NgxSkeletonLoaderConfigTheme | undefined>;
+    isSkeletonAiTheme: import("@angular/core").InputSignal<boolean | undefined>;
+    private tabsComponent;
+    private template;
+    private syncProps;
+    private cleanup;
+    ngOnInit(): void;
+    private addTab;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "ng-template[uiTab]", never, { "tabLabel": { "alias": "tabLabel"; "required": true; "isSignal": true; }; "tabName": { "alias": "tabName"; "required": true; "isSignal": true; }; "iconLeft": { "alias": "iconLeft"; "required": false; "isSignal": true; }; "iconRight": { "alias": "iconRight"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "canLeave": { "alias": "canLeave"; "required": false; "isSignal": true; }; "linkUrl": { "alias": "linkUrl"; "required": false; "isSignal": true; }; "order": { "alias": "order"; "required": false; "isSignal": true; }; "skeletonTheme": { "alias": "skeletonTheme"; "required": false; "isSignal": true; }; "isSkeletonAiTheme": { "alias": "isSkeletonAiTheme"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/components/tabs/tabs.component.d.ts

@@ -0,0 +1,79 @@
+import { EventEmitter, AfterViewInit } from '@angular/core';
+import { MatTabGroup } from '@angular/material/tabs';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import { Observable } from 'rxjs';
+import { Tab, TabHeaderSize, TabsType } from './tabs.model';
+import * as i0 from "@angular/core";
+export declare class TabsComponent implements AfterViewInit {
+    private readonly defaultAppTheme;
+    protected readonly isMobile$: Observable<boolean>;
+    /**
+     * Color of the Tabs.
+     * Defaults to Test Gorilla primary color.
+     *
+     * @type {string}
+     * @memberof TabsComponent
+     */
+    companyColor: string | null;
+    /**
+     * Type the Tabs.
+     * Defaults underlined.
+     *
+     * @type {TabsType}
+     * @memberof TabsComponent
+     */
+    type: TabsType;
+    /**
+     * Animation duration when switching tabs
+     *
+     * @type {number}
+     * @memberof TabsComponent
+     */
+    animationDuration: number;
+    /**
+     * Sets the padding for content and header
+     *
+     * @type {number}
+     * @memberof TabsComponent
+     */
+    headerContentPadding: string;
+    /**
+     * Sets the dynamic height of the tab
+     * @type {boolean}
+     * @memberof TabsComponent
+     */
+    dynamicHeight: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof TabsComponent
+     */
+    applicationTheme: ApplicationTheme;
+    tabHeaderSize: import("@angular/core").InputSignal<TabHeaderSize>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    selectedTabIndex: EventEmitter<number>;
+    selectedTab: EventEmitter<Tab>;
+    tabGroup: MatTabGroup;
+    protected tabs: Tab[];
+    readonly tabIndex: import("@angular/core").WritableSignal<number>;
+    protected tabIndexMap: Record<string, number>;
+    private insertionCounter;
+    private tabTransitionInProgress;
+    constructor(defaultAppTheme: ApplicationTheme, isMobile$: Observable<boolean>);
+    ngAfterViewInit(): void;
+    addTab(tab: Tab): void;
+    private sortTabs;
+    private updateTabIndexMap;
+    onTabChange(index: number): void;
+    selectTab(tabName: string): void;
+    indexOf(tabName: string): number;
+    trackByTabName(index: number, tab: Tab): string;
+    removeTab(tabName: string): void;
+    updateTab(tabName: string, tab: Partial<Omit<Tab, 'tabName'>>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponent, [{ optional: true; }, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabsComponent, "ui-tabs", never, { "companyColor": { "alias": "companyColor"; "required": false; }; "type": { "alias": "type"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "headerContentPadding": { "alias": "headerContentPadding"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "tabHeaderSize": { "alias": "tabHeaderSize"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; }, { "selectedTabIndex": "selectedTabIndex"; "selectedTab": "selectedTab"; }, never, never, false, never>;
+    static ngAcceptInputType_headerContentPadding: number;
+    static ngAcceptInputType_dynamicHeight: unknown;
+}

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

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tabs.component";
+import * as i2 from "./tab.directive";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/tabs";
+import * as i5 from "@testgorilla/tgo-ui/components/icon";
+import * as i6 from "@testgorilla/tgo-ui/components/core";
+import * as i7 from "@testgorilla/tgo-ui/components/skeleton";
+export declare class TabsComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabsComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TabsComponentModule, [typeof i1.TabsComponent], [typeof i2.TabDirective, typeof i3.CommonModule, typeof i4.MatTabsModule, typeof i5.IconComponentModule, typeof i6.UiTranslatePipe, typeof i7.SkeletonComponent], [typeof i1.TabsComponent, typeof i2.TabDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TabsComponentModule>;
+}

package/components/tabs/tabs.model.d.ts

@@ -0,0 +1,26 @@
+import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { NgxSkeletonLoaderConfigTheme } from 'ngx-skeleton-loader';
+export interface Tab {
+    tabName: string;
+    tabLabel: string;
+    contentTemplateRef: any;
+    iconLeft?: IconName;
+    iconRight?: IconName;
+    disabled?: boolean;
+    canLeave?: (ctx?: {
+        currentTab: Tab;
+        nextTab: Tab;
+    }) => boolean | Promise<boolean>;
+    linkUrl?: string;
+    ariaLabel?: string;
+    order?: number;
+    skeletonTheme?: NgxSkeletonLoaderConfigTheme;
+    isSkeletonAiTheme?: boolean;
+}
+export type TabsType = 'underlined' | 'filled';
+export declare const TAB_HEADER_SIZE: {
+    readonly BIG: "big";
+    readonly MEDIUM: "medium";
+    readonly SMALL: "small";
+};
+export type TabHeaderSize = (typeof TAB_HEADER_SIZE)[keyof typeof TAB_HEADER_SIZE];

package/components/tag/index.d.ts

@@ -1,166 +1,5 @@
-import * as rxjs from 'rxjs';
-import * as i0 from '@angular/core';
-import { AfterViewInit, OnInit, EventEmitter, ElementRef } from '@angular/core';
-import * as i3 from '@testgorilla/tgo-ui/components/icon';
-import { IconName, IconColor } from '@testgorilla/tgo-ui/components/icon';
-import * as i7 from '@testgorilla/tgo-ui/components/core';
-import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
-import * as i2 from '@angular/common';
-import * as i4 from '@testgorilla/tgo-ui/components/tooltip';
-import * as i5 from '@angular/material/tooltip';
-import * as i6 from '@angular/material/input';
-import * as i8 from '@testgorilla/tgo-ui/components/badge';
-
-declare class TagComponent implements AfterViewInit, OnInit {
-    private readonly defaultAppTheme;
-    /**
-     * Tag's label
-     *
-     * @memberof TagComponent
-     */
-    set label(value: string);
-    /**
-     * Icon
-     *
-     * @type {string}
-     * @memberof TagComponent
-     */
-    icon: IconName;
-    /**
-     * Whether to allow the tag to be closed.
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    allowClose: boolean;
-    /**
-     * Whether the tag is in read-only mode.
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    readOnly: boolean;
-    /**
-     * Whether the tag is selected.
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    isSelected: boolean;
-    /**
-     * Display icon when is selected
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    showIconWhenSelected: boolean;
-    /**
-     * Specifies whether the element is disabled.
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    isDisabled: boolean;
-    /**
-     *
-     * Defines the application theme
-     *
-     * @type {ApplicationTheme}
-     * @memberof TagComponent
-     */
-    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 TagComponent
-     */
-    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 TagComponent
-     */
-    ariaRequired: boolean;
-    /**
-     * Whether to show the badge on the tag.
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    showBadge: i0.InputSignal<boolean>;
-    /**
-     * The notifications amount to be displayed on the badge.
-     * @type {number}
-     * @default 0
-     * @memberof TagComponent
-     */
-    notificationsAmount: i0.InputSignal<number>;
-    /**
-     * Event triggered when the tag should be closed.
-     *
-     * @event
-     * @memberof TagComponent
-     */
-    close: EventEmitter<void>;
-    /**
-     * Event triggered when a press action occurs.
-     *
-     * @event
-     * @memberof TagComponent
-     */
-    press: EventEmitter<boolean>;
-    /**
-     * Subject that needs to be triggered when Label input changes, to check if it's truncated
-     * @private
-     * @type {void}
-     * @memberof TagComponent
-     */
-    private checkLabelEllipsis$;
-    /**
-     * Observable that indicates if the Label is truncated
-     * debounceTime is used to wait for view to be initialized after receiving a new Label input
-     * @protected
-     * @type {boolean}
-     * @memberof TagComponent
-     */
-    protected isEllipseActiveObs$: rxjs.Observable<boolean>;
-    protected labelText: string;
-    protected isHovered: boolean;
-    protected shrink: boolean;
-    protected iconToPass: IconName;
-    protected iconColor: IconColor;
-    protected closeBtnFocused: i0.WritableSignal<boolean>;
-    labelElement: ElementRef<HTMLElement>;
-    constructor(defaultAppTheme: ApplicationTheme);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    onPress(): void;
-    setHoverState(state: boolean): void;
-    setShrinkState(state: boolean): void;
-    onClose(): void;
-    private isLabelEllipseActive;
-    get tabIndex(): number;
-    get filled(): boolean;
-    onKeydown($event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "ui-tag", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "allowClose": { "alias": "allowClose"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "notificationsAmount": { "alias": "notificationsAmount"; "required": false; "isSignal": true; }; }, { "close": "close"; "press": "press"; }, never, never, false, never>;
-}
-
-declare class TagComponentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TagComponentModule, [typeof TagComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.TooltipComponentModule, typeof i5.MatTooltipModule, typeof i6.MatInputModule, typeof i7.UiTranslatePipe, typeof i8.BadgeComponentModule], [typeof TagComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TagComponentModule>;
-}
-
-type TagColor = 'teal' | 'petrol' | 'grey' | 'red' | 'gold';
-
-export { TagComponent, TagComponentModule };
-export type { TagColor };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@testgorilla/tgo-ui/components/tag" />
+export * from './public-api';

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

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

package/components/tag/tag.component.d.ts

@@ -0,0 +1,145 @@
+import { AfterViewInit, ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { IconColor, IconName } from '@testgorilla/tgo-ui/components/icon';
+import { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
+import * as i0 from "@angular/core";
+export declare class TagComponent implements AfterViewInit, OnInit {
+    private readonly defaultAppTheme;
+    /**
+     * Tag's label
+     *
+     * @memberof TagComponent
+     */
+    set label(value: string);
+    /**
+     * Icon
+     *
+     * @type {string}
+     * @memberof TagComponent
+     */
+    icon: IconName;
+    /**
+     * Whether to allow the tag to be closed.
+     *
+     * @type {boolean}
+     * @default false
+     * @memberof TagComponent
+     */
+    allowClose: boolean;
+    /**
+     * Whether the tag is in read-only mode.
+     *
+     * @type {boolean}
+     * @default false
+     * @memberof TagComponent
+     */
+    readOnly: boolean;
+    /**
+     * Whether the tag is selected.
+     *
+     * @type {boolean}
+     * @default false
+     * @memberof TagComponent
+     */
+    isSelected: boolean;
+    /**
+     * Display icon when is selected
+     *
+     * @type {boolean}
+     * @default false
+     * @memberof TagComponent
+     */
+    showIconWhenSelected: boolean;
+    /**
+     * Specifies whether the element is disabled.
+     *
+     * @type {boolean}
+     * @default false
+     * @memberof TagComponent
+     */
+    isDisabled: boolean;
+    /**
+     *
+     * Defines the application theme
+     *
+     * @type {ApplicationTheme}
+     * @memberof TagComponent
+     */
+    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 TagComponent
+     */
+    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 TagComponent
+     */
+    ariaRequired: boolean;
+    /**
+     * Whether to show the badge on the tag.
+     * @type {boolean}
+     * @default false
+     * @memberof TagComponent
+     */
+    showBadge: import("@angular/core").InputSignal<boolean>;
+    /**
+     * The notifications amount to be displayed on the badge.
+     * @type {number}
+     * @default 0
+     * @memberof TagComponent
+     */
+    notificationsAmount: import("@angular/core").InputSignal<number>;
+    /**
+     * Event triggered when the tag should be closed.
+     *
+     * @event
+     * @memberof TagComponent
+     */
+    close: EventEmitter<void>;
+    /**
+     * Event triggered when a press action occurs.
+     *
+     * @event
+     * @memberof TagComponent
+     */
+    press: EventEmitter<boolean>;
+    /**
+     * Subject that needs to be triggered when Label input changes, to check if it's truncated
+     * @private
+     * @type {void}
+     * @memberof TagComponent
+     */
+    private checkLabelEllipsis$;
+    /**
+     * Observable that indicates if the Label is truncated
+     * debounceTime is used to wait for view to be initialized after receiving a new Label input
+     * @protected
+     * @type {boolean}
+     * @memberof TagComponent
+     */
+    protected isEllipseActiveObs$: import("rxjs").Observable<boolean>;
+    protected labelText: string;
+    protected isHovered: boolean;
+    protected shrink: boolean;
+    protected iconToPass: IconName;
+    protected iconColor: IconColor;
+    protected closeBtnFocused: import("@angular/core").WritableSignal<boolean>;
+    labelElement: ElementRef<HTMLElement>;
+    constructor(defaultAppTheme: ApplicationTheme);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onPress(): void;
+    setHoverState(state: boolean): void;
+    setShrinkState(state: boolean): void;
+    onClose(): void;
+    private isLabelEllipseActive;
+    get tabIndex(): number;
+    get filled(): boolean;
+    onKeydown($event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "ui-tag", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "allowClose": { "alias": "allowClose"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "notificationsAmount": { "alias": "notificationsAmount"; "required": false; "isSignal": true; }; }, { "close": "close"; "press": "press"; }, never, never, false, never>;
+}

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

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tag.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@testgorilla/tgo-ui/components/icon";
+import * as i4 from "@testgorilla/tgo-ui/components/tooltip";
+import * as i5 from "@angular/material/tooltip";
+import * as i6 from "@angular/material/input";
+import * as i7 from "@testgorilla/tgo-ui/components/core";
+import * as i8 from "@testgorilla/tgo-ui/components/badge";
+export declare class TagComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TagComponentModule, [typeof i1.TagComponent], [typeof i2.CommonModule, typeof i3.IconComponentModule, typeof i4.TooltipComponentModule, typeof i5.MatTooltipModule, typeof i6.MatInputModule, typeof i7.UiTranslatePipe, typeof i8.BadgeComponentModule], [typeof i1.TagComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TagComponentModule>;
+}

package/components/tag/tag.model.d.ts

@@ -0,0 +1 @@
+export type TagColor = 'teal' | 'petrol' | 'grey' | 'red' | 'gold';