@ascentgl/ads-ui 22.7.0 → 22.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ascentgl/ads-ui",
-  "version": "22.7.0",
+  "version": "22.9.0",
   "peerDependencies": {
     "@angular/animations": ">=22.0.0",
     "date-fns": ">=4.1.0",

package/types/ascentgl-ads-ui.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { OnChanges, SimpleChanges, ElementRef, OnInit, AfterContentInit, OnDestroy, Renderer2, AfterViewInit, ChangeDetectorRef, SimpleChange, EventEmitter, TemplateRef, DoCheck, AfterViewChecked, NgZone, QueryList } from '@angular/core';
 import { AdsIconRegistry, IconThemes } from '@ascentgl/ads-icons';
-import { adsIcon } from '@ascentgl/ads-icons/icons';
+import { adsIcon, AdsIcon } from '@ascentgl/ads-icons/icons';
 import { MatMenuPanel, MatMenuTrigger, MatMenu } from '@angular/material/menu';
 import { ScrollStrategy, ConnectedPosition } from '@angular/cdk/overlay';
 import { Subject, Subscription, Observable } from 'rxjs';
@@ -96,7 +96,7 @@ declare class AdsNumericBadgeComponent extends AdsIconHoverComponent {
     /** provide icon name. NOTE: the icon must be registered in icon registry **/
     name: i0.InputSignal<adsIcon>;
     /** choose ads icon theme **/
-    theme: i0.InputSignal<"primary" | "iconPrimary" | "success" | "warn" | "white">;
+    theme: i0.InputSignal<"iconPrimary" | "primary" | "success" | "warn" | "white">;
     /** set badge value as number **/
     value: i0.InputSignal<number>;
     /** @ignore **/
@@ -271,6 +271,76 @@ declare class AscentCardComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<AscentCardComponent, "ascent-card", never, { "borderColor": { "alias": "borderColor"; "required": false; }; "borderWidth": { "alias": "borderWidth"; "required": false; }; "borderRadius": { "alias": "borderRadius"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Configuration for the optional tag rendered next to the card heading.
+ */
+interface RateOptionCardTag {
+    /** Text shown inside the tag */
+    label: string;
+    /** Background color of the tag (Colors enum value or any CSS color string) */
+    color?: Colors | string;
+    /** Optional text color override */
+    textColor?: Colors | string;
+    /** Optional leading icon rendered inside the tag. Pass the icon object so it
+     *  can be registered automatically (e.g. `adsIconCheckCircle`). */
+    icon?: AdsIcon;
+    /** Icon stroke color — maps to `ads-icon [stroke]`. Defaults to `white`.
+     *  Forced to `dark` while the card is disabled. */
+    iconStroke?: keyof IconThemes;
+    /** Icon fill/theme color — maps to `ads-icon [theme]`. Left unset by default.
+     *  Forced to `dark` while the card is disabled. */
+    iconTheme?: keyof IconThemes;
+}
+
+/**
+ * A selectable rate/quote option card (ADS-328/329/330).
+ *
+ * Presentational and domain-agnostic: the heading, sub-heading, price and tag
+ * are inputs, and the lower details line is projected via `<ng-content>`.
+ *
+ * Supports the five design states — default, hover, pressed (`:active`),
+ * active (`selected`) and `disabled`. On the disabled state the tag switches to
+ * a muted treatment and its icon color changes accordingly.
+ */
+declare class AdsRateOptionCardComponent {
+    private registry;
+    constructor(registry: AdsIconRegistry);
+    /** Primary heading (e.g. the carrier name) */
+    readonly heading: i0.InputSignal<string>;
+    /** Secondary line under the heading (e.g. the service mode) */
+    readonly subheading: i0.InputSignal<string | undefined>;
+    /** Formatted price string shown on the right (e.g. `"$487.50"`) */
+    readonly price: i0.InputSignal<string | undefined>;
+    /** Show the selection check indicator after the price */
+    readonly showCheckIcon: i0.InputSignal<boolean>;
+    /** Optional tag rendered next to the heading */
+    readonly tag: i0.InputSignal<RateOptionCardTag | null>;
+    /** Marks the card as the active/selected option */
+    readonly selected: i0.InputSignal<boolean>;
+    /** Disables interaction and mutes the card (including the tag icon color) */
+    readonly disabled: i0.InputSignal<boolean>;
+    /** Stable id echoed back on activation and used to build child element ids */
+    readonly cardId: i0.InputSignal<string>;
+    /** Emitted with the `cardId` when the card is activated by click or keyboard */
+    readonly activate: i0.OutputEmitterRef<string>;
+    /** Border color of the tag (only visible in the disabled treatment). */
+    readonly tagBorderColor = Colors.Light;
+    /** Tag background — flips to a neutral surface when disabled. */
+    readonly tagBackground: i0.Signal<string>;
+    /** Tag text color — flips to dark when disabled. */
+    readonly tagTextColor: i0.Signal<string>;
+    /** Tag border width — only drawn in the disabled treatment. */
+    readonly tagBorderWidth: i0.Signal<number>;
+    /** Tag icon stroke color — `dark` when disabled, otherwise the tag's `iconStroke` (default `white`). */
+    readonly tagIconStroke: i0.Signal<keyof IconThemes>;
+    /** Tag icon theme/fill color — `dark` when disabled, otherwise the tag's `iconTheme` (unset by default). */
+    readonly tagIconTheme: i0.Signal<keyof IconThemes | undefined>;
+    /** @ignore */
+    onActivate(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AdsRateOptionCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AdsRateOptionCardComponent, "ads-rate-option-card", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "subheading": { "alias": "subheading"; "required": false; "isSignal": true; }; "price": { "alias": "price"; "required": false; "isSignal": true; }; "showCheckIcon": { "alias": "showCheckIcon"; "required": false; "isSignal": true; }; "tag": { "alias": "tag"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "cardId": { "alias": "cardId"; "required": false; "isSignal": true; }; }, { "activate": "activate"; }, never, ["*"], true, never>;
+}
+
 type Tag = {
     id: string;
     tag: string;
@@ -4070,5 +4140,5 @@ declare function provideAdsUi(config: AdsUiConfig): {
     useValue: AdsUiConfig;
 }[];
 
-export { AdsArchitectureLogoComponent, AdsAscentLogoComponent, AdsAvatarComponent, AdsBaselineWidgetComponent, AdsBreadcrumbComponent, AdsBubbleComponent, AdsButtonComponent, AdsButtonContainerComponent, AdsCardComponent, AdsCheckboxComponent, AdsChipComponent, AdsColumnSortFilterMenuComponent, AdsCreateTagComponent, AdsCurrencyFieldComponent, AdsCustomHeaderComponent, AdsCustomerPortalLogoComponent, AdsCxaLogoComponent, AdsDatepickerComponent, AdsDatetimepickerComponent, AdsDragAndDropListComponent, AdsDropdownComponent, AdsErrorPageCodeComponent, AdsErrorPageComponent, AdsExpansionPanelComponent, AdsFilterMenuComponent, AdsFooterComponent, AdsFooterContainerComponent, AdsGenericLogoComponent, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHistoryStepperComponent, AdsHorizontalNavBarComponent, AdsHorizontalStepperComponent, AdsIconButtonComponent, AdsIconHoverComponent, AdsInputComponent, AdsInputDropdownComponent, AdsInternationalPhoneFieldComponent, AdsLinkButtonComponent, AdsMainMenuComponent, AdsMenuDropDownComponent, AdsMenuDropDownTriggerDirective, AdsModalComponent, AdsMultiSelectDropdownComponent, AdsNavMenuComponent, AdsNavigationCollapseHandleComponent, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationItemComponent, AdsNavigationItemsContainerComponent, AdsNumericBadgeComponent, AdsNumericStepperComponent, AdsOrgDisplayTextComponent, AdsPeakEssentialsLogoComponent, AdsPeakMarketplaceLogoComponent, AdsPeakOrderManagementLogoComponent, AdsPhoneFieldComponent, AdsPilotPayLogoComponent, AdsPrimaryLogoComponent, AdsProgressBarComponent, AdsProgressIndicatorSpinnerComponent, AdsProgressSpinnerComponent, AdsProgressStepperComponent, AdsRadioButtonComponent, AdsScmsLogoComponent, AdsScmsSideNavBarComponent, AdsSearchDropdownComponent, AdsSearchInputComponent, AdsShipmentHorizontalStepperComponent, AdsSideNavBarComponent, AdsSideNavBarV2Component, AdsSlideToggleComponent, AdsSliderComponent, AdsSnackbarComponent, AdsSortMenuComponent, AdsSplashPageComponent, AdsStepperComponent, AdsSubNavigationButtonComponent, AdsTableComponent, AdsTabsComponent, AdsTagComponent, AdsTagContainerComponent, AdsTextareaComponent, AdsTimeFieldComponent, AdsTimepickerComponent, AdsVerticalSideNavigationStepperComponent, AdsWizardStepperComponent, AscentCardComponent, BadgeColor, Colors, CountryCode, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, HistoryAction, HorizontalStepStatus, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
-export type { ActiveFilter, ActiveSort, AdsMenuDropDownItem, AdsMenuDropDownPosition, AdsModalData, AdsNavItemV2, AdsNavSubItemV2, AdsUiConfig, Breadcrumb, ColumnFilterOption, ColumnSortFilterConfig, ColumnSortOption, ColumnVisibilityControl, Copyright, CustomHeaderParams, DROP_CALLBACK_INDEXES, DividerStyle, ErrorPageConfig, ErrorPageInfoColumn, FilterOptionsSortComparator, FilterValueFormatter, HistoryContextTag, HistoryEvent, HistoryGroup, HorizontalNavLink, HorizontalStep, IconButtonSize, Link, MainMenuItem, NavItem, NavMenuItem, NumericStep, ProgressStep, ScmsNavItem, ScmsNavSubItem, SearchDropdownComponentOptions, SearchDropdownDisplayControlValue, SearchDropdownStaticOption, SearchDropdownStaticOptionTemplateContext, ShipmentStep, Size, SnackBarData, SortComparator, SortMenuChangeEvent, SortType, Step, Tab, Tag, UNSUBSCRIBE_FUNCTIONS_COLLECTION, Variant, VerticalSideNavigationStep, WizardStep };
+export { AdsArchitectureLogoComponent, AdsAscentLogoComponent, AdsAvatarComponent, AdsBaselineWidgetComponent, AdsBreadcrumbComponent, AdsBubbleComponent, AdsButtonComponent, AdsButtonContainerComponent, AdsCardComponent, AdsCheckboxComponent, AdsChipComponent, AdsColumnSortFilterMenuComponent, AdsCreateTagComponent, AdsCurrencyFieldComponent, AdsCustomHeaderComponent, AdsCustomerPortalLogoComponent, AdsCxaLogoComponent, AdsDatepickerComponent, AdsDatetimepickerComponent, AdsDragAndDropListComponent, AdsDropdownComponent, AdsErrorPageCodeComponent, AdsErrorPageComponent, AdsExpansionPanelComponent, AdsFilterMenuComponent, AdsFooterComponent, AdsFooterContainerComponent, AdsGenericLogoComponent, AdsHeaderComponent, AdsHeaderContainerComponent, AdsHistoryStepperComponent, AdsHorizontalNavBarComponent, AdsHorizontalStepperComponent, AdsIconButtonComponent, AdsIconHoverComponent, AdsInputComponent, AdsInputDropdownComponent, AdsInternationalPhoneFieldComponent, AdsLinkButtonComponent, AdsMainMenuComponent, AdsMenuDropDownComponent, AdsMenuDropDownTriggerDirective, AdsModalComponent, AdsMultiSelectDropdownComponent, AdsNavMenuComponent, AdsNavigationCollapseHandleComponent, AdsNavigationComponent, AdsNavigationHeaderComponent, AdsNavigationItemComponent, AdsNavigationItemsContainerComponent, AdsNumericBadgeComponent, AdsNumericStepperComponent, AdsOrgDisplayTextComponent, AdsPeakEssentialsLogoComponent, AdsPeakMarketplaceLogoComponent, AdsPeakOrderManagementLogoComponent, AdsPhoneFieldComponent, AdsPilotPayLogoComponent, AdsPrimaryLogoComponent, AdsProgressBarComponent, AdsProgressIndicatorSpinnerComponent, AdsProgressSpinnerComponent, AdsProgressStepperComponent, AdsRadioButtonComponent, AdsRateOptionCardComponent, AdsScmsLogoComponent, AdsScmsSideNavBarComponent, AdsSearchDropdownComponent, AdsSearchInputComponent, AdsShipmentHorizontalStepperComponent, AdsSideNavBarComponent, AdsSideNavBarV2Component, AdsSlideToggleComponent, AdsSliderComponent, AdsSnackbarComponent, AdsSortMenuComponent, AdsSplashPageComponent, AdsStepperComponent, AdsSubNavigationButtonComponent, AdsTableComponent, AdsTabsComponent, AdsTagComponent, AdsTagContainerComponent, AdsTextareaComponent, AdsTimeFieldComponent, AdsTimepickerComponent, AdsVerticalSideNavigationStepperComponent, AdsWizardStepperComponent, AscentCardComponent, BadgeColor, Colors, CountryCode, CustomDatetimeAdapter, DividerComponent, ErrorPageDefault, HistoryAction, HorizontalStepStatus, MainMenuService, ModalActionType, ModalPanelClass, PanelClass, ShellLayoutComponent, SpinnerSize, StepStatus, TableBreakpoint, ViewportService, WindowService, WizardStepStatus, provideAdsUi };
+export type { ActiveFilter, ActiveSort, AdsMenuDropDownItem, AdsMenuDropDownPosition, AdsModalData, AdsNavItemV2, AdsNavSubItemV2, AdsUiConfig, Breadcrumb, ColumnFilterOption, ColumnSortFilterConfig, ColumnSortOption, ColumnVisibilityControl, Copyright, CustomHeaderParams, DROP_CALLBACK_INDEXES, DividerStyle, ErrorPageConfig, ErrorPageInfoColumn, FilterOptionsSortComparator, FilterValueFormatter, HistoryContextTag, HistoryEvent, HistoryGroup, HorizontalNavLink, HorizontalStep, IconButtonSize, Link, MainMenuItem, NavItem, NavMenuItem, NumericStep, ProgressStep, RateOptionCardTag, ScmsNavItem, ScmsNavSubItem, SearchDropdownComponentOptions, SearchDropdownDisplayControlValue, SearchDropdownStaticOption, SearchDropdownStaticOptionTemplateContext, ShipmentStep, Size, SnackBarData, SortComparator, SortMenuChangeEvent, SortType, Step, Tab, Tag, UNSUBSCRIBE_FUNCTIONS_COLLECTION, Variant, VerticalSideNavigationStep, WizardStep };