@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/types/testgorilla-tgo-ui-components-tag.d.ts

@@ -1,195 +1,268 @@
-import * as rxjs from 'rxjs';
-import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
-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 * as i2 from '@testgorilla/tgo-ui/components/icon';
-import { IconName, IconColor } from '@testgorilla/tgo-ui/components/icon';
-import * as i1 from '@angular/common';
-import * as i3 from '@testgorilla/tgo-ui/components/tooltip';
-import * as i4 from '@angular/material/tooltip';
-import * as i5 from '@angular/material/input';
-
-declare class TagComponent {
-    /**
-     * Tag's label
-     *
-     * @memberof TagComponent
-     */
-    label: _angular_core.InputSignal<string>;
-    /**
-     * Icon
-     *
-     * @type {string}
-     * @memberof TagComponent
-     */
-    icon: _angular_core.InputSignal<IconName>;
-    /**
-     * Whether to allow the tag to be closed.
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    allowClose: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether the tag is in read-only mode.
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    readOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether the tag is selected.
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    isSelected: _angular_core.ModelSignal<boolean>;
-    /**
-     * Display icon when is selected
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    showIconWhenSelected: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Pins the tag to its filled background at rest, without tying that background
-     * to the selected state — pressing the tag never flips its fill. Interactive
-     * states (hover, focus ring, press scale) and the `press` output are unaffected,
-     * so the tag stays clickable; use `readOnly` when it should not be.
-     *
-     * The fill follows the theme: grayscale in `light` / `dark`, petrol in `classic`.
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    pinnedBackground: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Clamps the tag to its parent's width, truncating the label, instead of overflowing it.
-     *
-     * Opt-in: enabling it gives the host a real layout box, so `width`, `height` and vertical
-     * margins set on `ui-tag` start applying, bare sibling tags flow inline instead of stacking,
-     * and a tag in an `overflow-x` strip shrinks rather than scrolls (`flex: 0 0 auto` opts out).
-     * Becomes the default in the next major.
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    constrainWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Specifies whether the element is disabled.
-     *
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    isDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     *
-     * Defines the application theme
-     *
-     * @type {ApplicationTheme | undefined}
-     * @memberof TagComponent
-     *
-     * When not provided, the component falls back to the injected
-     * `CANOPYUI_DEFAULT_APPLICATION_THEME` token (if any), then to `'light'`.
-     */
-    applicationTheme: _angular_core.InputSignal<ApplicationTheme | undefined>;
-    private readonly defaultAppTheme;
-    readonly theme: _angular_core.Signal<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: _angular_core.InputSignal<string | undefined>;
-    readonly testId: _angular_core.InputSignal<string | null>;
-    protected readonly closeTestId: _angular_core.Signal<string | null>;
-    /**
-     * 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: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /**
-     * Whether to show the badge on the tag.
-     * @type {boolean}
-     * @default false
-     * @memberof TagComponent
-     */
-    showBadge: _angular_core.InputSignal<boolean>;
-    /**
-     * The notifications amount to be displayed on the badge.
-     * @type {number}
-     * @default 0
-     * @memberof TagComponent
-     */
-    notificationsAmount: _angular_core.InputSignal<number>;
-    /**
-     * Event triggered when the tag should be closed.
-     *
-     * @event
-     * @memberof TagComponent
-     */
-    close: _angular_core.OutputEmitterRef<void>;
-    /**
-     * Event triggered when a press action occurs.
-     *
-     * @event
-     * @memberof TagComponent
-     */
-    press: _angular_core.OutputEmitterRef<boolean>;
-    /**
-     * Subject that needs to be triggered when Label input changes, to check if it's truncated
-     * @private
-     * @type {void}
-     * @memberof TagComponent
-     */
-    private readonly 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 readonly isHovered: _angular_core.WritableSignal<boolean>;
-    protected shrink: boolean;
-    protected iconColor: IconColor;
-    protected closeBtnFocused: _angular_core.WritableSignal<boolean>;
-    protected readonly labelElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
-    protected readonly containerElement: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
-    private readonly ngZone;
-    constructor();
-    onPress(): void;
-    setHoverState(state: boolean): void;
-    setShrinkState(state: boolean): void;
-    onClose(): void;
-    private isLabelEllipseActive;
-    readonly tabIndex: _angular_core.Signal<0 | -1>;
-    readonly filled: _angular_core.Signal<boolean>;
-    onKeydown($event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "ui-tag", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "allowClose": { "alias": "allowClose"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "isSelected": { "alias": "isSelected"; "required": false; "isSignal": true; }; "showIconWhenSelected": { "alias": "showIconWhenSelected"; "required": false; "isSignal": true; }; "pinnedBackground": { "alias": "pinnedBackground"; "required": false; "isSignal": true; }; "constrainWidth": { "alias": "constrainWidth"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "ariaRequired": { "alias": "ariaRequired"; "required": false; "isSignal": true; }; "showBadge": { "alias": "showBadge"; "required": false; "isSignal": true; }; "notificationsAmount": { "alias": "notificationsAmount"; "required": false; "isSignal": true; }; }, { "isSelected": "isSelectedChange"; "close": "close"; "press": "press"; }, never, ["[uiTagSuffix]"], true, never>;
+import * as i0 from "@angular/core";
+import { ElementRef } from "@angular/core";
+import * as i6 from "@testgorilla/tgo-ui/components/core";
+import { ApplicationTheme, ApplicationTheme as ApplicationTheme$1 } from "@testgorilla/tgo-ui/components/core";
+import * as i2 from "@testgorilla/tgo-ui/components/icon";
+import { IconColor, IconName } from "@testgorilla/tgo-ui/components/icon";
+import * as i1 from "@angular/common";
+import * as i3 from "@testgorilla/tgo-ui/components/tooltip";
+import * as i4 from "@angular/material/tooltip";
+import * as i5 from "@angular/material/input";
+export declare class TagComponent {
+  /**
+   * Tag's label
+   *
+   * @memberof TagComponent
+   */
+  label: import("@angular/core").InputSignal<string>;
+  /**
+   * Icon
+   *
+   * @type {string}
+   * @memberof TagComponent
+   */
+  icon: import("@angular/core").InputSignal<IconName>;
+  /**
+   * Whether to allow the tag to be closed.
+   *
+   * @type {boolean}
+   * @default false
+   * @memberof TagComponent
+   */
+  allowClose: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether the tag is in read-only mode.
+   *
+   * @type {boolean}
+   * @default false
+   * @memberof TagComponent
+   */
+  readOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Whether the tag is selected.
+   *
+   * @type {boolean}
+   * @default false
+   * @memberof TagComponent
+   */
+  isSelected: import("@angular/core").ModelSignal<boolean>;
+  /**
+   * Display icon when is selected
+   *
+   * @type {boolean}
+   * @default false
+   * @memberof TagComponent
+   */
+  showIconWhenSelected: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Pins the tag to its filled background at rest, without tying that background
+   * to the selected state — pressing the tag never flips its fill. Interactive
+   * states (hover, focus ring, press scale) and the `press` output are unaffected,
+   * so the tag stays clickable; use `readOnly` when it should not be.
+   *
+   * The fill follows the theme: grayscale in `light` / `dark`, petrol in `classic`.
+   *
+   * @type {boolean}
+   * @default false
+   * @memberof TagComponent
+   */
+  pinnedBackground: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Clamps the tag to its parent's width, truncating the label, instead of overflowing it.
+   *
+   * Opt-in: enabling it gives the host a real layout box, so `width`, `height` and vertical
+   * margins set on `ui-tag` start applying, bare sibling tags flow inline instead of stacking,
+   * and a tag in an `overflow-x` strip shrinks rather than scrolls (`flex: 0 0 auto` opts out).
+   * Becomes the default in the next major.
+   *
+   * @type {boolean}
+   * @default false
+   * @memberof TagComponent
+   */
+  constrainWidth: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Specifies whether the element is disabled.
+   *
+   * @type {boolean}
+   * @default false
+   * @memberof TagComponent
+   */
+  isDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   *
+   * Defines the application theme
+   *
+   * @type {ApplicationTheme | undefined}
+   * @memberof TagComponent
+   *
+   * When not provided, the component falls back to the injected
+   * `CANOPYUI_DEFAULT_APPLICATION_THEME` token (if any), then to `'light'`.
+   */
+  applicationTheme: import("@angular/core").InputSignal<ApplicationTheme$1 | undefined>;
+  private readonly defaultAppTheme;
+  readonly theme: import("@angular/core").Signal<ApplicationTheme$1>;
+  /**
+   * 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: import("@angular/core").InputSignal<string | undefined>;
+  readonly testId: import("@angular/core").InputSignal<string | null>;
+  protected readonly closeTestId: import("@angular/core").Signal<string | null>;
+  /**
+   * 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: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * 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: import("@angular/core").OutputEmitterRef<void>;
+  /**
+   * Event triggered when a press action occurs.
+   *
+   * @event
+   * @memberof TagComponent
+   */
+  press: import("@angular/core").OutputEmitterRef<boolean>;
+  /**
+   * Subject that needs to be triggered when Label input changes, to check if it's truncated
+   * @private
+   * @type {void}
+   * @memberof TagComponent
+   */
+  private readonly 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 readonly isHovered: import("@angular/core").WritableSignal<boolean>;
+  protected shrink: boolean;
+  protected iconColor: IconColor;
+  protected closeBtnFocused: import("@angular/core").WritableSignal<boolean>;
+  protected readonly labelElement: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+  protected readonly containerElement: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+  private readonly ngZone;
+  constructor();
+  onPress(): void;
+  setHoverState(state: boolean): void;
+  setShrinkState(state: boolean): void;
+  onClose(): void;
+  private isLabelEllipseActive;
+  readonly tabIndex: import("@angular/core").Signal<0 | -1>;
+  readonly filled: import("@angular/core").Signal<boolean>;
+  onKeydown($event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "ui-tag", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "allowClose": {
+      "alias": "allowClose";
+      "required": false;
+      "isSignal": true;
+    };
+    "readOnly": {
+      "alias": "readOnly";
+      "required": false;
+      "isSignal": true;
+    };
+    "isSelected": {
+      "alias": "isSelected";
+      "required": false;
+      "isSignal": true;
+    };
+    "showIconWhenSelected": {
+      "alias": "showIconWhenSelected";
+      "required": false;
+      "isSignal": true;
+    };
+    "pinnedBackground": {
+      "alias": "pinnedBackground";
+      "required": false;
+      "isSignal": true;
+    };
+    "constrainWidth": {
+      "alias": "constrainWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "isDisabled": {
+      "alias": "isDisabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "applicationTheme": {
+      "alias": "applicationTheme";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "testId": {
+      "alias": "testId";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaRequired": {
+      "alias": "ariaRequired";
+      "required": false;
+      "isSignal": true;
+    };
+    "showBadge": {
+      "alias": "showBadge";
+      "required": false;
+      "isSignal": true;
+    };
+    "notificationsAmount": {
+      "alias": "notificationsAmount";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "isSelected": "isSelectedChange";
+    "close": "close";
+    "press": "press";
+  }, never, ["[uiTagSuffix]"], true, never>;
 }
-
-declare class TagComponentModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponentModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TagComponentModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof i3.TooltipComponentModule, typeof i4.MatTooltipModule, typeof i5.MatInputModule, typeof i6.UiTranslatePipe, typeof TagComponent], [typeof TagComponent]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TagComponentModule>;
+export declare class TagComponentModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<TagComponentModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<TagComponentModule, never, [typeof i1.CommonModule, typeof i2.IconComponentModule, typeof i3.TooltipComponentModule, typeof i4.MatTooltipModule, typeof i5.MatInputModule, typeof i6.UiTranslatePipe, typeof TagComponent], [typeof TagComponent]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<TagComponentModule>;
 }
-
-type TagColor = 'teal' | 'petrol' | 'grey' | 'red' | 'gold';
-
-export { TagComponent, TagComponentModule };
-export type { TagColor };
+export type TagColor = 'teal' | 'petrol' | 'grey' | 'red' | 'gold';
+export { ApplicationTheme };