@progressio_resources/gravity-design-system 4.0.7 → 4.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progressio_resources/gravity-design-system",
3
3
  "description": "Gravity Design System",
4
- "version": "4.0.7",
4
+ "version": "4.0.8",
5
5
  "license": "SEE LICENSE IN LIBRARY-LICENSE",
6
6
  "peerDependencies": {
7
7
  "@angular/common": "^21.1.4",
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { OnChanges, TemplateRef, EventEmitter, ElementRef, ComponentFactoryResolver, ApplicationRef, Injector, SimpleChanges, ModuleWithProviders, AfterViewInit, OnInit, OnDestroy, PipeTransform, Input, ChangeDetectorRef, Renderer2, ViewContainerRef, QueryList } from '@angular/core';
2
+ import { OnChanges, TemplateRef, EventEmitter, ElementRef, ComponentFactoryResolver, ApplicationRef, Injector, SimpleChanges, ModuleWithProviders, AfterViewInit, OnInit, OnDestroy, PipeTransform, ChangeDetectorRef, Renderer2, ViewContainerRef, QueryList } from '@angular/core';
3
3
  import * as i1$1 from 'angular-svg-icon';
4
4
  import { SvgIconRegistryService } from 'angular-svg-icon';
5
5
  import * as i2 from 'angular-svg-icon-preloader';
@@ -663,9 +663,6 @@ interface DisplayCurrencyItems {
663
663
  sub_items?: DisplayCurrencyItems[];
664
664
  }
665
665
 
666
- /**
667
- * filters an array based on searctext
668
- */
669
666
  declare class FilterByPipe implements PipeTransform {
670
667
  transform(array: any[], searchText?: string, keyName?: string): any[];
671
668
  static ɵfac: i0.ɵɵFactoryDeclaration<FilterByPipe, never>;
@@ -730,101 +727,111 @@ declare class GravityDropdownManagerService {
730
727
  static ɵprov: i0.ɵɵInjectableDeclaration<GravityDropdownManagerService>;
731
728
  }
732
729
 
730
+ interface SelectionConfig {
731
+ label: string;
732
+ value: string;
733
+ }
734
+
735
+ interface NetworkConfig {
736
+ label: string;
737
+ iso: string;
738
+ id: number;
739
+ }
740
+ interface NetworkPillsDisplay {
741
+ items: any[];
742
+ hasMore: boolean;
743
+ }
744
+
745
+ type gravityIconSize = "xs-12" | "sm-16" | "md-24" | "lg-32" | "xl-40";
746
+
733
747
  declare class GravityDropdownListComponent implements OnChanges, OnInit, OnDestroy, AfterViewInit {
734
748
  private dropdownService;
735
749
  private _eref;
736
750
  private cdr;
737
751
  label: string;
738
752
  iconLeft: string;
739
- items: Array<any>;
753
+ customValues: any;
740
754
  cypressTag: string;
741
755
  placeholder: string;
742
756
  supportText: string;
757
+ items: Array<any>;
743
758
  hasError: boolean;
744
759
  clearable: boolean;
745
760
  multiple: boolean;
746
761
  required: boolean;
747
- currentLang: string;
748
762
  isDisabled: boolean;
749
763
  isReadonly: boolean;
750
- customValues: Array<any> | any;
751
- config?: {
752
- label: string;
753
- value: string;
754
- };
755
- type: 'regular' | 'currency' | 'network';
764
+ currentLang: 'es' | 'en';
765
+ config?: SelectionConfig;
756
766
  labelSize: 'sm' | 'md' | 'lg';
757
767
  size: 'sm' | 'md' | 'lg' | 'xl';
758
768
  inputType: 'field' | 'label';
759
769
  width: 'short' | 'medium' | 'full' | 'fit';
770
+ type: 'regular' | 'currency' | 'network';
760
771
  get dropdownState(): boolean;
761
772
  set dropdownState(value: boolean);
762
773
  dropdownStateChange: EventEmitter<boolean>;
763
- selectedItemsResponse: EventEmitter<any[] | any>;
764
- set watch(searchInput: ElementRef<HTMLInputElement>);
765
- searchInput: Input;
774
+ selectedItemsResponse: EventEmitter<any>;
766
775
  inputField: ElementRef<HTMLDivElement>;
767
776
  containerRef: ElementRef<HTMLDivElement>;
777
+ set watch(searchInput: ElementRef<HTMLInputElement>);
768
778
  searchText: string;
769
779
  selectedItems: any[];
770
- isoConfig: string;
771
- nameConfig: string;
772
780
  maxNetworkPills: number;
773
781
  availableOptions: any[];
774
782
  dropdownOpened: boolean;
783
+ networkConfig: NetworkConfig | null;
775
784
  openChildrenMap: Map<any, boolean>;
776
- networkConfig: {
777
- label: string;
778
- iso: string;
779
- id: number;
780
- };
781
- networkPillsDisplay: {
782
- items: any[];
783
- hasMore: boolean;
784
- };
785
- private readonly PILL_WIDTH_PX;
786
- private readonly AVG_CHAR_WIDTH_PX;
785
+ networkPillsDisplay: NetworkPillsDisplay;
787
786
  private inputFieldResizeObserver;
788
787
  private dropdownManagerSubscription;
788
+ private readonly CONTAINER_PADDING_PX;
789
+ private readonly AVG_CHAR_WIDTH_PX;
790
+ get uiTexts(): {
791
+ APPLY: string;
792
+ CLEAR_SEARCH: string;
793
+ CLEAR_SELECTION: string;
794
+ NO_RESULTS: string;
795
+ SEARCH: string;
796
+ SEARCH_INPUT: string;
797
+ SELECT_ALL: string;
798
+ };
789
799
  constructor(dropdownService: GravityDropdownManagerService, _eref: ElementRef, cdr: ChangeDetectorRef);
790
800
  ngOnInit(): void;
791
801
  ngAfterViewInit(): void;
792
802
  ngOnChanges(changes: SimpleChanges): void;
793
803
  ngOnDestroy(): void;
794
804
  getStatus(): string;
795
- isIconLeftNew(): boolean;
796
- toggleDropdown(): void;
797
- private emitSelection;
805
+ toggleDropdown(event?: Event): void;
806
+ private openDropdown;
807
+ closeDropdown(): void;
808
+ private closeAndEmit;
798
809
  selectItem(itemToAdd: any): void;
799
- private refocusSearchInput;
800
- isPartiallySelected(item: any): boolean;
801
- checkIfSelected(item?: any): boolean;
802
810
  selectAllItems(event: MouseEvent): void;
803
- private flattenItems;
804
811
  clearSelection(): void;
805
- filterItems(): void;
806
- onDocumentClick($event: PointerEvent): void;
807
- openDropdown(): void;
808
- closeDropdown(): void;
809
- getCurrencyIconSize(size: string): "sm-16" | "md-24" | "lg-32" | "xl-40";
810
- getSpacingClass(size: string): "" | "gravity-margin-right-xxs" | "gravity-margin-right-xs" | "gravity-margin-right-sm" | "gravity-margin-right-md";
811
- getMultilevelSpacingClass(size: string): "" | "gravity-margin-right-md" | "gravity-margin-right-lg";
812
- getLabelText(): string;
813
- isChildrenOpen(item: any): boolean;
814
- toggleChildren(item: any, event: MouseEvent): void;
815
- getDisplayValue(child: any, config?: {
816
- label: string;
817
- }): string;
812
+ checkIfSelected(item?: any): boolean;
813
+ isPartiallySelected(item: any): boolean;
818
814
  inputDisplayValue(): string;
815
+ getLabelText(): string;
816
+ getDisplayValue(item: any, config?: any): string;
817
+ getCurrencyIconSize(size: string): gravityIconSize;
818
+ getSpacingClass(size: string): string;
819
+ getMultilevelSpacingClass(size: string): string;
819
820
  private updateMaxNetworkPills;
820
821
  private updateNetworkPillsDisplay;
821
- private truncate;
822
+ filterItems(): void;
822
823
  clearSearch(): void;
823
- preventTypingWhenLocked(event: KeyboardEvent, input: HTMLInputElement): void;
824
+ onSearchTextChange(val: string): void;
825
+ isChildrenOpen(item: any): boolean;
826
+ toggleChildren(item: any, ev: MouseEvent): void;
827
+ private processCustomValues;
828
+ preventTypingWhenLocked(ev: KeyboardEvent, el: HTMLInputElement): void;
829
+ onDocumentClick(ev: PointerEvent): void;
830
+ private refocusSearchInput;
824
831
  private scrollToSelected;
825
- onSearchTextChange(value: string): void;
832
+ isIconLeftNew(): boolean;
826
833
  static ɵfac: i0.ɵɵFactoryDeclaration<GravityDropdownListComponent, never>;
827
- 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>;
834
+ 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>;
828
835
  }
829
836
 
830
837
  declare class GravityIconButtonComponent {