@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,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,
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
796
|
-
|
|
797
|
-
|
|
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
|
-
|
|
806
|
-
|
|
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
|
-
|
|
822
|
+
filterItems(): void;
|
|
822
823
|
clearSearch(): void;
|
|
823
|
-
|
|
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
|
-
|
|
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; }; "
|
|
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 {
|