@testgorilla/tgo-ui 11.8.0 → 11.9.0

package/package.json

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

package/types/testgorilla-tgo-ui-components-alert-banner.d.ts

@@ -4,13 +4,14 @@ import * as i5 from '@testgorilla/tgo-ui/components/core';
 import { ApplicationTheme, AlertBarType, AlertVariant, Color } from '@testgorilla/tgo-ui/components/core';
 export { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';
 import * as i3 from '@testgorilla/tgo-ui/components/icon';
-import { IconName } from '@testgorilla/tgo-ui/components/icon';
+import { IconSize, IconName } from '@testgorilla/tgo-ui/components/icon';
 import * as i2 from '@testgorilla/tgo-ui/components/button';
 import { ButtonColor, ButtonSize } from '@testgorilla/tgo-ui/components/button';
 import * as i1 from '@angular/common';
 import * as i4 from '@testgorilla/tgo-ui/components/spinner';
 
 type LinkTargetType = '' | '_self' | '_blank' | '_parent' | '_top';
+type AlertBannerSize = 'default' | 'small';
 interface AlertBannerAction {
     label: string;
     onClick: ($event: Event) => void;
@@ -96,6 +97,14 @@ declare class AlertBannerComponent implements OnInit, OnChanges {
      * @memberof AlertBannerComponent
      */
     applicationTheme: ApplicationTheme;
+    /**
+     * Alert density
+     *
+     * @type {AlertBannerSize}
+     * @default 'default'
+     * @memberof AlertBannerComponent
+     */
+    size: AlertBannerSize;
     /**
      * Sets the full width
      *
@@ -150,6 +159,7 @@ declare class AlertBannerComponent implements OnInit, OnChanges {
      */
     dismiss: EventEmitter<void>;
     get isDismissed(): boolean;
+    get iconSize(): IconSize;
     iconName: IconName;
     iconColor: Color;
     visible: boolean;
@@ -162,7 +172,7 @@ declare class AlertBannerComponent implements OnInit, OnChanges {
     private updateBanner;
     dismissClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertBannerComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertBannerComponent, "ui-alert-banner", never, { "alertType": { "alias": "alertType"; "required": false; }; "alertVariant": { "alias": "alertVariant"; "required": false; }; "message": { "alias": "message"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "secondaryAlerts": { "alias": "secondaryAlerts"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertBannerComponent, "ui-alert-banner", never, { "alertType": { "alias": "alertType"; "required": false; }; "alertVariant": { "alias": "alertVariant"; "required": false; }; "message": { "alias": "message"; "required": false; }; "includeDismissButton": { "alias": "includeDismissButton"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "linkText": { "alias": "linkText"; "required": false; }; "linkUrl": { "alias": "linkUrl"; "required": false; }; "linkTarget": { "alias": "linkTarget"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "size": { "alias": "size"; "required": false; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; }; "closeButtonTooltip": { "alias": "closeButtonTooltip"; "required": false; }; "hasIcon": { "alias": "hasIcon"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "fixed": { "alias": "fixed"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; "secondaryAlerts": { "alias": "secondaryAlerts"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], true, never>;
 }
 
 declare class AlertBannerComponentModule {
@@ -172,4 +182,4 @@ declare class AlertBannerComponentModule {
 }
 
 export { AlertBannerComponent, AlertBannerComponentModule };
-export type { AlertBannerAction, LinkTargetType };
+export type { AlertBannerAction, AlertBannerSize, LinkTargetType };

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

@@ -9,6 +9,7 @@ import * as i1 from '@angular/common';
 type CardSize = 'small' | 'medium' | 'large';
 type CardSizeVariant = 'regular' | 'condensed';
 type CardVariant = 'default' | 'shadow' | 'state' | 'error' | 'educative' | 'premium' | 'ai' | 'actionDriver' | 'neutral' | 'neutral-state';
+declare const NON_SELECTABLE_CARD_VARIANTS: readonly CardVariant[];
 
 declare class CardComponent implements OnChanges, OnInit {
     private readonly defaultAppTheme;
@@ -88,9 +89,20 @@ declare class CardComponent implements OnChanges, OnInit {
     get cardVariant(): CardVariant;
     get errorIconSize(): IconSize;
     get isSelected(): boolean;
-    selectCard(): void;
+    /**
+     * Whether activating the card does anything. Drives `tabindex`, `role` and `aria-pressed`.
+     *
+     * @type {boolean}
+     * @memberof CardComponent
+     */
+    get isActionable(): boolean;
+    /**
+     * @param event The originating DOM event. Events raised inside the projected footer are ignored.
+     */
+    selectCard(event?: Event): void;
+    private isFromProjectedFooter;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "sizeVariant": { "alias": "sizeVariant"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "errorsSize": { "alias": "errorsSize"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowSelect": { "alias": "allowSelect"; "required": false; }; "allowFocus": { "alias": "allowFocus"; "required": false; }; }, { "cardSelected": "cardSelected"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "ui-card", never, { "size": { "alias": "size"; "required": false; }; "sizeVariant": { "alias": "sizeVariant"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "applicationTheme": { "alias": "applicationTheme"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "errorsSize": { "alias": "errorsSize"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "allowSelect": { "alias": "allowSelect"; "required": false; }; "allowFocus": { "alias": "allowFocus"; "required": false; }; }, { "cardSelected": "cardSelected"; }, never, ["*", "[cardFooter]"], true, never>;
 }
 
 declare class CardComponentModule {
@@ -99,5 +111,5 @@ declare class CardComponentModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<CardComponentModule>;
 }
 
-export { CardComponent, CardComponentModule };
+export { CardComponent, CardComponentModule, NON_SELECTABLE_CARD_VARIANTS };
 export type { CardSize, CardSizeVariant, CardVariant };

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

@@ -93,7 +93,10 @@ declare class PromptComponent implements ControlValueAccessor, OnInit, AfterView
     private compositionEndedAt;
     filteredDropdownItems: _angular_core.Signal<PromptDropdownItem[]>;
     itemsDropdownVisible: _angular_core.Signal<boolean>;
+    /** True while focus sits anywhere inside the prompt. */
+    isContainerFocused: _angular_core.WritableSignal<boolean>;
     isHighlighted: _angular_core.Signal<boolean>;
+    readonly showFocusRing: _angular_core.Signal<boolean>;
     fileInputAccept: _angular_core.Signal<string>;
     isLocked: _angular_core.Signal<boolean>;
     private readonly hasContent;
@@ -121,6 +124,8 @@ declare class PromptComponent implements ControlValueAccessor, OnInit, AfterView
     onTextareaEnter(event: Event): void;
     dropdownOutsideClick(): void;
     onFieldBlur(): void;
+    onContainerFocusIn(): void;
+    onContainerFocusOut(event: FocusEvent): void;
     itemsDropdownOutsideClick(event: MouseEvent): void;
     closeItemsDropdown(): void;
     onTextareaEscape(event: Event): void;
@@ -142,7 +147,7 @@ declare class PromptComponent implements ControlValueAccessor, OnInit, AfterView
     private handleActionTagFile;
     private emitValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PromptComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptComponent, "ui-prompt", never, { "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "actionTag": { "alias": "actionTag"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; "isSignal": true; }; "autoClear": { "alias": "autoClear"; "required": false; "isSignal": true; }; "showSendButton": { "alias": "showSendButton"; "required": false; "isSignal": true; }; "sendButtonDisabled": { "alias": "sendButtonDisabled"; "required": false; "isSignal": true; }; "enableFileUpload": { "alias": "enableFileUpload"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "dropdownItems": { "alias": "dropdownItems"; "required": false; "isSignal": true; }; "dropdownHeading": { "alias": "dropdownHeading"; "required": false; "isSignal": true; }; "showDropdownClose": { "alias": "showDropdownClose"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "promptData": "promptData"; "actionTagFileSelected": "actionTagFileSelected"; "dropdownItemSelected": "dropdownItemSelected"; "dropdownClosed": "dropdownClosed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PromptComponent, "ui-prompt", never, { "tags": { "alias": "tags"; "required": false; "isSignal": true; }; "actionTag": { "alias": "actionTag"; "required": false; "isSignal": true; }; "maxCharacters": { "alias": "maxCharacters"; "required": false; "isSignal": true; }; "supportedFileTypes": { "alias": "supportedFileTypes"; "required": false; "isSignal": true; }; "autoClear": { "alias": "autoClear"; "required": false; "isSignal": true; }; "showSendButton": { "alias": "showSendButton"; "required": false; "isSignal": true; }; "sendButtonDisabled": { "alias": "sendButtonDisabled"; "required": false; "isSignal": true; }; "enableFileUpload": { "alias": "enableFileUpload"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "dropdownItems": { "alias": "dropdownItems"; "required": false; "isSignal": true; }; "dropdownHeading": { "alias": "dropdownHeading"; "required": false; "isSignal": true; }; "showDropdownClose": { "alias": "showDropdownClose"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "promptData": "promptData"; "actionTagFileSelected": "actionTagFileSelected"; "dropdownItemSelected": "dropdownItemSelected"; "dropdownClosed": "dropdownClosed"; }, never, ["[promptFooter]"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }