@progressio_resources/gravity-design-system 4.0.2 → 4.0.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progressio_resources/gravity-design-system",
   "description": "Gravity Design System",
-  "version": "4.0.2",
+  "version": "4.0.4",
   "license": "SEE LICENSE IN LIBRARY-LICENSE",
   "peerDependencies": {
     "@angular/common": "^21.1.4",

package/src/lib/styles/foundations/colors/themes/_hero.theme.scss

@@ -642,4 +642,10 @@ $xlm-secondary-dark: $c180;
 $xrp-primary-light: $c180;
 $xrp-primary-dark: $c1;
 $xrp-secondary-light: $c1;
-$xrp-secondary-dark: $c180;
+$xrp-secondary-dark: $c180;
+
+//Strength meter
+$weak-bar-primary-light: $c10;
+$weak-bar-primary-dark: $o400;
+$weak-text-primary-light: $o200;
+$weak-text-primary-dark: $o400;

package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss

@@ -368,6 +368,11 @@
   // DONT REMOVE
   --shadow-primary-rgba: #{to-rgb($shadow-primary-light)};
   --shadow-opacity: 0.22;
+
+
+  //Strength meter
+  --weak-bar-primary: #{$weak-bar-primary-light};
+  --weak-text-primary: #{$weak-text-primary-light};
 }
 
 .hero-dark-theme {
@@ -737,4 +742,8 @@
   // DONT REMOVE
   --shadow-primary-rgba: #{to-rgb($shadow-primary-dark)};
   --shadow-opacity: 1;
+
+  //Strength meter
+  --weak-bar-primary: #{$weak-bar-primary-dark};
+  --weak-text-primary: #{$weak-text-primary-dark};
 }

package/types/progressio_resources-gravity-design-system.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnChanges, TemplateRef, EventEmitter, ElementRef, ComponentFactoryResolver, ApplicationRef, Injector, SimpleChanges, ModuleWithProviders, AfterViewInit, OnInit, OnDestroy, PipeTransform, Input, Renderer2, ChangeDetectorRef, ViewContainerRef, QueryList } from '@angular/core';
+import { OnChanges, TemplateRef, EventEmitter, ElementRef, ComponentFactoryResolver, ApplicationRef, Injector, SimpleChanges, ModuleWithProviders, AfterViewInit, OnInit, OnDestroy, PipeTransform, Input, ChangeDetectorRef, Renderer2, ViewContainerRef, QueryList } from '@angular/core';
 import * as i1$1 from 'angular-svg-icon';
 import { SvgIconRegistryService } from 'angular-svg-icon';
 import * as i2 from 'angular-svg-icon-preloader';
@@ -729,9 +729,10 @@ declare class GravityDropdownManagerService {
     static ɵprov: i0.ɵɵInjectableDeclaration<GravityDropdownManagerService>;
 }
 
-declare class GravityDropdownListComponent implements OnChanges, OnInit, OnDestroy {
+declare class GravityDropdownListComponent implements OnChanges, OnInit, OnDestroy, AfterViewInit {
     private dropdownService;
     private _eref;
+    private cdr;
     label: string;
     iconLeft: string;
     items: Array<any>;
@@ -760,11 +761,14 @@ declare class GravityDropdownListComponent implements OnChanges, OnInit, OnDestr
     dropdownStateChange: EventEmitter<boolean>;
     selectedItemsResponse: EventEmitter<any[] | any>;
     set watch(searchInput: ElementRef<HTMLInputElement>);
+    searchInput: Input;
+    inputField: ElementRef<HTMLDivElement>;
     containerRef: ElementRef<HTMLDivElement>;
     searchText: string;
     selectedItems: any[];
     isoConfig: string;
     nameConfig: string;
+    maxNetworkPills: number;
     availableOptions: any[];
     dropdownOpened: boolean;
     openChildrenMap: Map<any, boolean>;
@@ -773,10 +777,17 @@ declare class GravityDropdownListComponent implements OnChanges, OnInit, OnDestr
         iso: string;
         id: number;
     };
+    networkPillsDisplay: {
+        items: any[];
+        hasMore: boolean;
+    };
+    private readonly PILL_WIDTH_PX;
+    private readonly AVG_CHAR_WIDTH_PX;
+    private inputFieldResizeObserver;
     private dropdownManagerSubscription;
-    searchInput: Input;
-    constructor(dropdownService: GravityDropdownManagerService, _eref: ElementRef);
+    constructor(dropdownService: GravityDropdownManagerService, _eref: ElementRef, cdr: ChangeDetectorRef);
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     getStatus(): string;
@@ -804,10 +815,8 @@ declare class GravityDropdownListComponent implements OnChanges, OnInit, OnDestr
         label: string;
     }): string;
     inputDisplayValue(): string;
-    getDisplayValueNetwork(): {
-        items: any[];
-        hasMore: boolean;
-    };
+    private updateMaxNetworkPills;
+    private updateNetworkPillsDisplay;
     private truncate;
     clearSearch(): void;
     preventTypingWhenLocked(event: KeyboardEvent, input: HTMLInputElement): void;
@@ -1021,6 +1030,32 @@ declare class GravityStepperComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<GravityStepperComponent, "gravity-stepper", never, { "currentLang": { "alias": "currentLang"; "required": false; }; "stepLabels": { "alias": "stepLabels"; "required": false; }; }, { "currentStepResponse": "currentStep"; }, never, ["*"], true, never>;
 }
 
+declare class GravityStepperV2Component {
+    variant: 'md' | 'sm';
+    steps: {
+        text: string;
+        icon: string;
+    }[];
+    currentStep: number;
+    language: 'en' | 'es';
+    get progressWidth(): string;
+    get stepLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GravityStepperV2Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityStepperV2Component, "gravity-stepper-v2", never, { "variant": { "alias": "variant"; "required": false; }; "steps": { "alias": "steps"; "required": false; }; "currentStep": { "alias": "currentStep"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class GravityStrengthMeterComponent {
+    variant: '3-step' | '4-step';
+    strength: 'default' | 'very-weak' | 'weak' | 'normal' | 'strong';
+    label: string;
+    language: 'en' | 'es';
+    get segments(): string[];
+    getBarClass(index: number): string;
+    get strengthLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GravityStrengthMeterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityStrengthMeterComponent, "gravity-strength-meter", never, { "variant": { "alias": "variant"; "required": false; }; "strength": { "alias": "strength"; "required": false; }; "label": { "alias": "label"; "required": false; }; "language": { "alias": "language"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare class GravitySwitchComponent implements AfterViewInit, OnChanges {
     cypressTag: string;
     size: 'md' | 'sm';
@@ -2612,7 +2647,7 @@ declare class GravityTooltipContainerComponent {
 
 declare class GravityDesignSystemModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityDesignSystemModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GravityDesignSystemModule, never, [typeof i1$1.AngularSvgIconModule, typeof i2.AngularSvgIconPreloaderModule, typeof i3.BsDatepickerModule, typeof i1.CommonModule, typeof i5.FormsModule, typeof GravityTooltipModule, typeof i7.NgbDatepickerModule, typeof i7.NgbOffcanvasModule, typeof i7.NgbProgressbarModule, typeof i7.NgbToastModule, typeof i5.ReactiveFormsModule, typeof i8.RouterLink, typeof GravityAttachFileComponent, typeof GravityAvatarStackComponent, typeof GravityGenericAvatarComponent, typeof GravityBadgeComponent, typeof GravityButtonComponent, typeof GravityCalendarV2Component, typeof GravityCheckboxComponent, typeof GravityCurrencyComponent, typeof GravityCurrencyDropdownShortComponent, typeof GravityDataViewsV2Component, typeof GravityDialogComponent, typeof GravityDetailContainerComponent, typeof GravityDropdownListComponent, typeof GravityDropdownListDisplayComponent, typeof GravityIconButtonComponent, typeof GravityIconComponent, typeof GravityMultiLanguageComponent, typeof GravityNetworkPillComponent, typeof GravityNotificationComponent, typeof GravityNotificationInstantContainerComponent, typeof GravityRadioButtonComponent, typeof GravityStatusIndicatorComponent, typeof GravityStepperComponent, typeof GravitySwitchComponent, typeof GravityTableComponent, typeof GravityTablesV2Component, typeof GravityTextFieldComponent, typeof GravityTextFieldAmountOnlyComponent, typeof GravityTextFieldNumberOnlyComponent, typeof GravityTreeViewComponent, typeof NodeComponent, typeof NodeToggleComponent, typeof NodeCheckboxComponent, typeof NodeNameComponent, typeof FilterByPipe, typeof DateAbbreviationPipe, typeof BsDatepickerDayDecoratorComponent, typeof BsDatepickerNavigationViewComponent, typeof BsDaysCalendarViewComponent, typeof BsMonthCalendarViewComponent, typeof BsYearsCalendarViewComponent, typeof BsDatepickerContainerComponent, typeof BsDatepickerDirective, typeof BsDatepickerInlineContainerComponent, typeof BsDatepickerInlineDirective, typeof BsDaterangepickerContainerComponent, typeof BsDaterangepickerDirective, typeof BsDaterangepickerInlineContainerComponent, typeof BsDaterangepickerInlineDirective, typeof GravityModalComponent, typeof GravityLinkComponent, typeof GravityTabPrimaryComponent, typeof GravityTabSecondaryComponent, typeof GravityChipGroupComponent, typeof GravityEditableInputComponent, typeof GravityCardButtonComponent, typeof GravityDropdownLabelComponent, typeof GravityNavigationCardComponent, typeof GravityGenericAvatarSecondaryComponent, typeof GravityBackdropComponent, typeof GravityDatePickerComponent, typeof DayCalendarComponent, typeof MonthCalendarComponent, typeof YearCalendarComponent, typeof GravitySegmentedButtonComponent, typeof GravityCurrencyDisplayV2Component, typeof GravityHeaderComponent, typeof GravityPaginationComponent, typeof GravityPushNotificationsComponent, typeof GravityMenuComponent, typeof GravityTooltipContainerComponent], [typeof GravityAttachFileComponent, typeof GravityAvatarStackComponent, typeof GravityGenericAvatarComponent, typeof GravityBadgeComponent, typeof GravityButtonComponent, typeof GravityCalendarV2Component, typeof GravityCheckboxComponent, typeof GravityCurrencyComponent, typeof GravityCurrencyDisplayV2Component, typeof GravityCurrencyDropdownShortComponent, typeof GravityDataViewsV2Component, typeof GravityDialogComponent, typeof GravityDetailContainerComponent, typeof GravityDropdownListComponent, typeof GravityDropdownListDisplayComponent, typeof GravityIconButtonComponent, typeof GravityIconComponent, typeof GravityMultiLanguageComponent, typeof GravityNetworkPillComponent, typeof GravityNotificationInstantContainerComponent, typeof GravityRadioButtonComponent, typeof GravityStatusIndicatorComponent, typeof GravityStepperComponent, typeof GravitySwitchComponent, typeof GravityTableComponent, typeof GravityTablesV2Component, typeof GravityTextFieldComponent, typeof GravityTextFieldAmountOnlyComponent, typeof GravityTextFieldNumberOnlyComponent, typeof GravityTooltipModule, typeof GravityTreeViewComponent, typeof GravityModalComponent, typeof GravityLinkComponent, typeof GravityTabPrimaryComponent, typeof GravityTabSecondaryComponent, typeof GravityChipGroupComponent, typeof GravityEditableInputComponent, typeof GravityCardButtonComponent, typeof GravityNavigationCardComponent, typeof GravityGenericAvatarSecondaryComponent, typeof GravityBackdropComponent, typeof GravityDatePickerComponent, typeof GravitySegmentedButtonComponent, typeof GravityHeaderComponent, typeof GravityPaginationComponent, typeof GravityPushNotificationsComponent, typeof GravityMenuComponent, typeof GravityTooltipContainerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<GravityDesignSystemModule, never, [typeof i1$1.AngularSvgIconModule, typeof i2.AngularSvgIconPreloaderModule, typeof i3.BsDatepickerModule, typeof i1.CommonModule, typeof i5.FormsModule, typeof GravityTooltipModule, typeof i7.NgbDatepickerModule, typeof i7.NgbOffcanvasModule, typeof i7.NgbProgressbarModule, typeof i7.NgbToastModule, typeof i5.ReactiveFormsModule, typeof i8.RouterLink, typeof GravityAttachFileComponent, typeof GravityAvatarStackComponent, typeof GravityGenericAvatarComponent, typeof GravityBadgeComponent, typeof GravityButtonComponent, typeof GravityCalendarV2Component, typeof GravityCheckboxComponent, typeof GravityCurrencyComponent, typeof GravityCurrencyDropdownShortComponent, typeof GravityDataViewsV2Component, typeof GravityDialogComponent, typeof GravityDetailContainerComponent, typeof GravityDropdownListComponent, typeof GravityDropdownListDisplayComponent, typeof GravityIconButtonComponent, typeof GravityIconComponent, typeof GravityMultiLanguageComponent, typeof GravityNetworkPillComponent, typeof GravityNotificationComponent, typeof GravityNotificationInstantContainerComponent, typeof GravityRadioButtonComponent, typeof GravityStatusIndicatorComponent, typeof GravityStepperComponent, typeof GravityStepperV2Component, typeof GravityStrengthMeterComponent, typeof GravitySwitchComponent, typeof GravityTableComponent, typeof GravityTablesV2Component, typeof GravityTextFieldComponent, typeof GravityTextFieldAmountOnlyComponent, typeof GravityTextFieldNumberOnlyComponent, typeof GravityTreeViewComponent, typeof NodeComponent, typeof NodeToggleComponent, typeof NodeCheckboxComponent, typeof NodeNameComponent, typeof FilterByPipe, typeof DateAbbreviationPipe, typeof BsDatepickerDayDecoratorComponent, typeof BsDatepickerNavigationViewComponent, typeof BsDaysCalendarViewComponent, typeof BsMonthCalendarViewComponent, typeof BsYearsCalendarViewComponent, typeof BsDatepickerContainerComponent, typeof BsDatepickerDirective, typeof BsDatepickerInlineContainerComponent, typeof BsDatepickerInlineDirective, typeof BsDaterangepickerContainerComponent, typeof BsDaterangepickerDirective, typeof BsDaterangepickerInlineContainerComponent, typeof BsDaterangepickerInlineDirective, typeof GravityModalComponent, typeof GravityLinkComponent, typeof GravityTabPrimaryComponent, typeof GravityTabSecondaryComponent, typeof GravityChipGroupComponent, typeof GravityEditableInputComponent, typeof GravityCardButtonComponent, typeof GravityDropdownLabelComponent, typeof GravityNavigationCardComponent, typeof GravityGenericAvatarSecondaryComponent, typeof GravityBackdropComponent, typeof GravityDatePickerComponent, typeof DayCalendarComponent, typeof MonthCalendarComponent, typeof YearCalendarComponent, typeof GravitySegmentedButtonComponent, typeof GravityCurrencyDisplayV2Component, typeof GravityHeaderComponent, typeof GravityPaginationComponent, typeof GravityPushNotificationsComponent, typeof GravityMenuComponent, typeof GravityTooltipContainerComponent], [typeof GravityAttachFileComponent, typeof GravityAvatarStackComponent, typeof GravityGenericAvatarComponent, typeof GravityBadgeComponent, typeof GravityButtonComponent, typeof GravityCalendarV2Component, typeof GravityCheckboxComponent, typeof GravityCurrencyComponent, typeof GravityCurrencyDisplayV2Component, typeof GravityCurrencyDropdownShortComponent, typeof GravityDataViewsV2Component, typeof GravityDialogComponent, typeof GravityDetailContainerComponent, typeof GravityDropdownListComponent, typeof GravityDropdownListDisplayComponent, typeof GravityIconButtonComponent, typeof GravityIconComponent, typeof GravityMultiLanguageComponent, typeof GravityNetworkPillComponent, typeof GravityNotificationInstantContainerComponent, typeof GravityRadioButtonComponent, typeof GravityStatusIndicatorComponent, typeof GravityStepperComponent, typeof GravityStepperV2Component, typeof GravityStrengthMeterComponent, typeof GravitySwitchComponent, typeof GravityTableComponent, typeof GravityTablesV2Component, typeof GravityTextFieldComponent, typeof GravityTextFieldAmountOnlyComponent, typeof GravityTextFieldNumberOnlyComponent, typeof GravityTooltipModule, typeof GravityTreeViewComponent, typeof GravityModalComponent, typeof GravityLinkComponent, typeof GravityTabPrimaryComponent, typeof GravityTabSecondaryComponent, typeof GravityChipGroupComponent, typeof GravityEditableInputComponent, typeof GravityCardButtonComponent, typeof GravityNavigationCardComponent, typeof GravityGenericAvatarSecondaryComponent, typeof GravityBackdropComponent, typeof GravityDatePickerComponent, typeof GravitySegmentedButtonComponent, typeof GravityHeaderComponent, typeof GravityPaginationComponent, typeof GravityPushNotificationsComponent, typeof GravityMenuComponent, typeof GravityTooltipContainerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<GravityDesignSystemModule>;
 }
 
@@ -2672,5 +2707,5 @@ declare class GravityTooltipComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<GravityTooltipComponent, "tooltip", never, { "data": { "alias": "data"; "required": false; }; "show": { "alias": "show"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-export { BsNavigationDirection, GravityAttachFileComponent, GravityAvatarStackComponent, GravityBackdropComponent, GravityBadgeComponent, GravityButtonComponent, GravityCalendarV2Component, GravityCardButtonComponent, GravityCheckboxComponent, GravityChipGroupComponent, GravityCurrencyComponent, GravityCurrencyDisplayV2Component, GravityCurrencyDropdownShortComponent, GravityDataViewsV2Component, GravityDatePickerComponent, GravityDesignSystemModule, GravityDetailContainerComponent, GravityDialogComponent, GravityDialogManagerService, GravityDropdownLabelComponent, GravityDropdownListComponent, GravityDropdownListDisplayComponent, GravityEditableInputComponent, GravityGenericAvatarComponent, GravityGenericAvatarSecondaryComponent, GravityHeaderComponent, GravityIconButtonComponent, GravityIconComponent, GravityLinkComponent, GravityMenuComponent, GravityModalComponent, GravityMultiLanguageComponent, GravityNavigationCardComponent, GravityNetworkPillComponent, GravityNotificationInstantContainerComponent, GravityPaginationComponent, GravityPushNotificationsComponent, GravityRadioButtonComponent, GravitySegmentedButtonComponent, GravityStatusIndicatorComponent, GravityStepperComponent, GravitySwitchComponent, GravityTabPrimaryComponent, GravityTabSecondaryComponent, GravityTableComponent, GravityTablesV2Component, GravityTextFieldAmountOnlyComponent, GravityTextFieldComponent, GravityTextFieldNumberOnlyComponent, GravityTooltipComponent, GravityTooltipContainerComponent, GravityTooltipDirective, GravityTooltipModule, GravityTreeViewComponent, ICONS, OLD_ICONS };
+export { BsNavigationDirection, GravityAttachFileComponent, GravityAvatarStackComponent, GravityBackdropComponent, GravityBadgeComponent, GravityButtonComponent, GravityCalendarV2Component, GravityCardButtonComponent, GravityCheckboxComponent, GravityChipGroupComponent, GravityCurrencyComponent, GravityCurrencyDisplayV2Component, GravityCurrencyDropdownShortComponent, GravityDataViewsV2Component, GravityDatePickerComponent, GravityDesignSystemModule, GravityDetailContainerComponent, GravityDialogComponent, GravityDialogManagerService, GravityDropdownLabelComponent, GravityDropdownListComponent, GravityDropdownListDisplayComponent, GravityEditableInputComponent, GravityGenericAvatarComponent, GravityGenericAvatarSecondaryComponent, GravityHeaderComponent, GravityIconButtonComponent, GravityIconComponent, GravityLinkComponent, GravityMenuComponent, GravityModalComponent, GravityMultiLanguageComponent, GravityNavigationCardComponent, GravityNetworkPillComponent, GravityNotificationInstantContainerComponent, GravityPaginationComponent, GravityPushNotificationsComponent, GravityRadioButtonComponent, GravitySegmentedButtonComponent, GravityStatusIndicatorComponent, GravityStepperComponent, GravityStepperV2Component, GravityStrengthMeterComponent, GravitySwitchComponent, GravityTabPrimaryComponent, GravityTabSecondaryComponent, GravityTableComponent, GravityTablesV2Component, GravityTextFieldAmountOnlyComponent, GravityTextFieldComponent, GravityTextFieldNumberOnlyComponent, GravityTooltipComponent, GravityTooltipContainerComponent, GravityTooltipDirective, GravityTooltipModule, GravityTreeViewComponent, ICONS, OLD_ICONS };
 export type { AdComponent, BreadCrumb, BsDatepickerViewMode, BsNavigationEvent, BsViewNavigationEvent, CalendarCellViewModel, CellHoverEvent, DatepickerFormatOptions, DatepickerRenderOptions, DayViewModel, DaysCalendarModel, DaysCalendarViewModel, GravityChipItem, GravityDialogContentInterface, GravityNotificationContent, GravityPageChangedEvent, MonthViewOptions, MonthsCalendarViewModel, NavigationViewModel, NodeItem, NodeState, SegmentedButton, WeekViewModel, YearsCalendarViewModel };