@testgorilla/tgo-ui 11.13.0 → 11.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testgorilla/tgo-ui",
-  "version": "11.13.0",
+  "version": "11.14.0",
   "license": "proprietary-license",
   "lint-staged": {
     "{projects,components}/**/*.ts": [

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

@@ -70,6 +70,19 @@ declare class TagComponent {
      * @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.
      *
@@ -155,6 +168,8 @@ declare class TagComponent {
     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;
@@ -165,7 +180,7 @@ declare class TagComponent {
     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; }; "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, never, true, 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, never, true, never>;
 }
 
 declare class TagComponentModule {