@progressio_resources/gravity-design-system 4.0.7 → 4.0.9

package/package.json

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

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, ChangeDetectorRef, Renderer2, ViewContainerRef, QueryList } from '@angular/core';
+import { OnChanges, TemplateRef, EventEmitter, ElementRef, ComponentFactoryResolver, ApplicationRef, Injector, SimpleChanges, ModuleWithProviders, AfterViewInit, OnInit, OnDestroy, PipeTransform, 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';
@@ -663,9 +663,6 @@ interface DisplayCurrencyItems {
     sub_items?: DisplayCurrencyItems[];
 }
 
-/**
- * filters an array based on searctext
- */
 declare class FilterByPipe implements PipeTransform {
     transform(array: any[], searchText?: string, keyName?: string): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<FilterByPipe, never>;
@@ -730,101 +727,111 @@ declare class GravityDropdownManagerService {
     static ɵprov: i0.ɵɵInjectableDeclaration<GravityDropdownManagerService>;
 }
 
+interface SelectionConfig {
+    label: string;
+    value: string;
+}
+
+interface NetworkConfig {
+    label: string;
+    iso: string;
+    id: number;
+}
+interface NetworkPillsDisplay {
+    items: any[];
+    hasMore: boolean;
+}
+
+type gravityIconSize = "xs-12" | "sm-16" | "md-24" | "lg-32" | "xl-40";
+
 declare class GravityDropdownListComponent implements OnChanges, OnInit, OnDestroy, AfterViewInit {
     private dropdownService;
     private _eref;
     private cdr;
     label: string;
     iconLeft: string;
-    items: Array<any>;
+    customValues: any;
     cypressTag: string;
     placeholder: string;
     supportText: string;
+    items: Array<any>;
     hasError: boolean;
     clearable: boolean;
     multiple: boolean;
     required: boolean;
-    currentLang: string;
     isDisabled: boolean;
     isReadonly: boolean;
-    customValues: Array<any> | any;
-    config?: {
-        label: string;
-        value: string;
-    };
-    type: 'regular' | 'currency' | 'network';
+    currentLang: 'es' | 'en';
+    config?: SelectionConfig;
     labelSize: 'sm' | 'md' | 'lg';
     size: 'sm' | 'md' | 'lg' | 'xl';
     inputType: 'field' | 'label';
     width: 'short' | 'medium' | 'full' | 'fit';
+    type: 'regular' | 'currency' | 'network';
     get dropdownState(): boolean;
     set dropdownState(value: boolean);
     dropdownStateChange: EventEmitter<boolean>;
-    selectedItemsResponse: EventEmitter<any[] | any>;
-    set watch(searchInput: ElementRef<HTMLInputElement>);
-    searchInput: Input;
+    selectedItemsResponse: EventEmitter<any>;
     inputField: ElementRef<HTMLDivElement>;
     containerRef: ElementRef<HTMLDivElement>;
+    set watch(searchInput: ElementRef<HTMLInputElement>);
     searchText: string;
     selectedItems: any[];
-    isoConfig: string;
-    nameConfig: string;
     maxNetworkPills: number;
     availableOptions: any[];
     dropdownOpened: boolean;
+    networkConfig: NetworkConfig | null;
     openChildrenMap: Map<any, boolean>;
-    networkConfig: {
-        label: string;
-        iso: string;
-        id: number;
-    };
-    networkPillsDisplay: {
-        items: any[];
-        hasMore: boolean;
-    };
-    private readonly PILL_WIDTH_PX;
-    private readonly AVG_CHAR_WIDTH_PX;
+    networkPillsDisplay: NetworkPillsDisplay;
     private inputFieldResizeObserver;
     private dropdownManagerSubscription;
+    private readonly CONTAINER_PADDING_PX;
+    private readonly AVG_CHAR_WIDTH_PX;
+    get uiTexts(): {
+        APPLY: string;
+        CLEAR_SEARCH: string;
+        CLEAR_SELECTION: string;
+        NO_RESULTS: string;
+        SEARCH: string;
+        SEARCH_INPUT: string;
+        SELECT_ALL: string;
+    };
     constructor(dropdownService: GravityDropdownManagerService, _eref: ElementRef, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     getStatus(): string;
-    isIconLeftNew(): boolean;
-    toggleDropdown(): void;
-    private emitSelection;
+    toggleDropdown(event?: Event): void;
+    private openDropdown;
+    closeDropdown(): void;
+    private closeAndEmit;
     selectItem(itemToAdd: any): void;
-    private refocusSearchInput;
-    isPartiallySelected(item: any): boolean;
-    checkIfSelected(item?: any): boolean;
     selectAllItems(event: MouseEvent): void;
-    private flattenItems;
     clearSelection(): void;
-    filterItems(): void;
-    onDocumentClick($event: PointerEvent): void;
-    openDropdown(): void;
-    closeDropdown(): void;
-    getCurrencyIconSize(size: string): "sm-16" | "md-24" | "lg-32" | "xl-40";
-    getSpacingClass(size: string): "" | "gravity-margin-right-xxs" | "gravity-margin-right-xs" | "gravity-margin-right-sm" | "gravity-margin-right-md";
-    getMultilevelSpacingClass(size: string): "" | "gravity-margin-right-md" | "gravity-margin-right-lg";
-    getLabelText(): string;
-    isChildrenOpen(item: any): boolean;
-    toggleChildren(item: any, event: MouseEvent): void;
-    getDisplayValue(child: any, config?: {
-        label: string;
-    }): string;
+    checkIfSelected(item?: any): boolean;
+    isPartiallySelected(item: any): boolean;
     inputDisplayValue(): string;
+    getLabelText(): string;
+    getDisplayValue(item: any, config?: any): string;
+    getCurrencyIconSize(size: string): gravityIconSize;
+    getSpacingClass(size: string): string;
+    getMultilevelSpacingClass(size: string): string;
     private updateMaxNetworkPills;
     private updateNetworkPillsDisplay;
-    private truncate;
+    filterItems(): void;
     clearSearch(): void;
-    preventTypingWhenLocked(event: KeyboardEvent, input: HTMLInputElement): void;
+    onSearchTextChange(val: string): void;
+    isChildrenOpen(item: any): boolean;
+    toggleChildren(item: any, ev: MouseEvent): void;
+    private processCustomValues;
+    preventTypingWhenLocked(ev: KeyboardEvent, el: HTMLInputElement): void;
+    onDocumentClick(ev: PointerEvent): void;
+    private refocusSearchInput;
     private scrollToSelected;
-    onSearchTextChange(value: string): void;
+    isIconLeftNew(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityDropdownListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravityDropdownListComponent, "gravity-dropdown-list", never, { "label": { "alias": "label"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "items": { "alias": "items"; "required": false; }; "cypressTag": { "alias": "cypressTag"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "supportText": { "alias": "supportText"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "required": { "alias": "required"; "required": false; }; "currentLang": { "alias": "currentLang"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isReadonly": { "alias": "isReadonly"; "required": false; }; "customValues": { "alias": "customValues"; "required": false; }; "config": { "alias": "config"; "required": false; }; "type": { "alias": "type"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "width": { "alias": "width"; "required": false; }; "dropdownState": { "alias": "dropdownState"; "required": false; }; }, { "dropdownStateChange": "dropdownStateChange"; "selectedItemsResponse": "response"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityDropdownListComponent, "gravity-dropdown-list", never, { "label": { "alias": "label"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "customValues": { "alias": "customValues"; "required": false; }; "cypressTag": { "alias": "cypressTag"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "supportText": { "alias": "supportText"; "required": false; }; "items": { "alias": "items"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "required": { "alias": "required"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isReadonly": { "alias": "isReadonly"; "required": false; }; "currentLang": { "alias": "currentLang"; "required": false; }; "config": { "alias": "config"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "width": { "alias": "width"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dropdownState": { "alias": "dropdownState"; "required": false; }; }, { "dropdownStateChange": "dropdownStateChange"; "selectedItemsResponse": "response"; }, never, ["*"], true, never>;
 }
 
 declare class GravityIconButtonComponent {
@@ -1117,43 +1124,43 @@ declare class GravityTextFieldComponent implements OnInit, OnChanges {
     textFieldValueResponse: EventEmitter<string>;
     inputElement: ElementRef<HTMLInputElement>;
     textAreaElement: ElementRef<HTMLInputElement>;
-    currentLang: string;
-    customInputValue: string;
-    customState: 'default' | 'active' | 'hover' | 'typing' | 'typed' | 'typed-error' | 'typed-positive' | 'disabled' | 'readonly' | 'autofill';
-    cypressTag: string;
     label: string;
-    prefix: string;
     required: boolean;
+    cypressTag: string;
     supportText: string;
+    prefix: string;
+    customInputValue: string;
+    currentLang: string;
     textFieldType: 'input' | 'textarea';
-    clickOnLeftIcon: boolean;
-    clickOnRightIcon: boolean;
-    iconColor: string;
+    customState: 'default' | 'active' | 'hover' | 'typing' | 'typed' | 'typed-error' | 'typed-positive' | 'disabled' | 'readonly' | 'autofill';
     iconLeft: string;
+    iconColor: string;
     iconRight: string;
-    autocomplete: string;
-    inputContentType: 'email' | 'number' | 'password' | 'tel' | 'date' | 'text';
+    supportTextIcon: string;
+    clickOnLeftIcon: boolean;
+    clickOnRightIcon: boolean;
     placeholder: string;
+    labelExtraText: string;
+    size: 'sm' | 'md';
+    autocomplete: string;
+    characterCounter: boolean;
+    width: 'short' | 'medium' | 'full' | 'fit';
     validations: {
         maxLength?: number;
         minLength?: number;
     };
-    size: 'sm' | 'md';
-    width: 'short' | 'medium' | 'full' | 'fit';
-    labelExtraText: string;
-    characterCounter: boolean;
     passwordRequirements: {
         key: string;
         label: string;
         isValid: boolean;
     }[];
-    supportTextIcon: string;
+    inputContentType: 'email' | 'number' | 'password' | 'tel' | 'date' | 'text';
+    inputValue: string;
     focusInput: boolean;
     hasUserTyped: boolean;
-    isPasswordField: boolean;
     characterLimit: boolean;
+    isPasswordField: boolean;
     allPasswordRequirementsValid: boolean;
-    inputValue: string;
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     focus(): void;
@@ -1169,7 +1176,7 @@ declare class GravityTextFieldComponent implements OnInit, OnChanges {
     onKeyDownEvent($event: KeyboardEvent): void;
     formatDateInput(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityTextFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravityTextFieldComponent, "gravity-text-field", never, { "currentLang": { "alias": "currentLang"; "required": false; }; "customInputValue": { "alias": "customInputValue"; "required": false; }; "customState": { "alias": "customState"; "required": false; }; "cypressTag": { "alias": "cypressTag"; "required": false; }; "label": { "alias": "label"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "required": { "alias": "required"; "required": false; }; "supportText": { "alias": "supportText"; "required": false; }; "textFieldType": { "alias": "textFieldType"; "required": false; }; "clickOnLeftIcon": { "alias": "clickOnLeftIcon"; "required": false; }; "clickOnRightIcon": { "alias": "clickOnRightIcon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "inputContentType": { "alias": "inputContentType"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "validations": { "alias": "validations"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; "labelExtraText": { "alias": "labelExtraText"; "required": false; }; "characterCounter": { "alias": "characterCounter"; "required": false; }; "passwordRequirements": { "alias": "passwordRequirements"; "required": false; }; "supportTextIcon": { "alias": "supportTextIcon"; "required": false; }; }, { "leftIconResponse": "clickIconLeft"; "rightIconResponse": "clickIconRight"; "textFieldValueResponse": "response"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityTextFieldComponent, "gravity-text-field", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "cypressTag": { "alias": "cypressTag"; "required": false; }; "supportText": { "alias": "supportText"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "customInputValue": { "alias": "customInputValue"; "required": false; }; "currentLang": { "alias": "currentLang"; "required": false; }; "textFieldType": { "alias": "textFieldType"; "required": false; }; "customState": { "alias": "customState"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "supportTextIcon": { "alias": "supportTextIcon"; "required": false; }; "clickOnLeftIcon": { "alias": "clickOnLeftIcon"; "required": false; }; "clickOnRightIcon": { "alias": "clickOnRightIcon"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "labelExtraText": { "alias": "labelExtraText"; "required": false; }; "size": { "alias": "size"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "characterCounter": { "alias": "characterCounter"; "required": false; }; "width": { "alias": "width"; "required": false; }; "validations": { "alias": "validations"; "required": false; }; "passwordRequirements": { "alias": "passwordRequirements"; "required": false; }; "inputContentType": { "alias": "inputContentType"; "required": false; }; }, { "leftIconResponse": "clickIconLeft"; "rightIconResponse": "clickIconRight"; "textFieldValueResponse": "response"; }, never, never, true, never>;
 }
 
 interface currency {