@progressio_resources/gravity-design-system 4.0.0 → 4.0.2

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.
Files changed (5) hide show
  1. package/fesm2022/progressio_resources-gravity-design-system.mjs +289 -279
  2. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/src/lib/vendor/gravity-tooltip/gravity-tooltip.component.sass +38 -26
  5. package/types/progressio_resources-gravity-design-system.d.ts +8 -3
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.0",
4
+ "version": "4.0.2",
5
5
  "license": "SEE LICENSE IN LIBRARY-LICENSE",
6
6
  "peerDependencies": {
7
7
  "@angular/common": "^21.1.4",
package/src/lib/vendor/gravity-tooltip/gravity-tooltip.component.sass CHANGED
@@ -35,85 +35,97 @@
35
35
  top: 100%
36
36
  left: 50%
37
37
  margin-left: -5px
38
- border-width: 5px
39
- border-color: var(--bg-tooltip-primary) transparent transparent transparent
38
+ border: 8px solid transparent
39
+ border-top-color: var(--bg-tooltip-primary)
40
+ filter: drop-shadow(0 4px 2px rgba(0,0,0,0.25))
40
41
 
41
42
  :host.tooltip-top-left::after
42
43
  top: 100%
43
44
  left: 10%
44
45
  margin-left: -5px
45
- border-width: 5px
46
- border-color: var(--bg-tooltip-primary) transparent transparent transparent
46
+ border: 8px solid transparent
47
+ border-top-color: var(--bg-tooltip-primary)
48
+ filter: drop-shadow(0 4px 2px rgba(0,0,0,0.25))
47
49
 
48
50
  :host.tooltip-top-right::after
49
51
  top: 100%
50
52
  left: 90%
51
53
  margin-left: -5px
52
- border-width: 5px
53
- border-color: var(--bg-tooltip-primary) transparent transparent transparent
54
+ border: 8px solid transparent
55
+ border-top-color: var(--bg-tooltip-primary)
56
+ filter: drop-shadow(0 4px 2px rgba(0,0,0,0.25))
54
57
 
55
58
  :host.tooltip-bottom::after
56
59
  bottom: 100%
57
60
  left: 50%
58
61
  margin-left: -5px
59
- border-width: 5px
60
- border-color: transparent transparent var(--bg-tooltip-primary) transparent
62
+ border: 8px solid transparent
63
+ border-bottom-color: var(--bg-tooltip-primary)
64
+ filter: drop-shadow(0 -1px 2px rgba(0,0,0,0.25))
61
65
 
62
66
  :host.tooltip-bottom-left::after
63
67
  bottom: 100%
64
68
  left: 10%
65
69
  margin-left: -5px
66
- border-width: 5px
67
- border-color: transparent transparent var(--bg-tooltip-primary) transparent
70
+ border: 8px solid transparent
71
+ border-bottom-color: var(--bg-tooltip-primary)
72
+ filter: drop-shadow(0 -1px 2px rgba(0,0,0,0.25))
68
73
 
69
74
  :host.tooltip-bottom-right::after
70
75
  bottom: 100%
71
76
  left: 90%
72
77
  margin-left: -5px
73
- border-width: 5px
74
- border-color: transparent transparent var(--bg-tooltip-primary) transparent
78
+ border: 8px solid transparent
79
+ border-bottom-color: var(--bg-tooltip-primary)
80
+ filter: drop-shadow(0 -1px 2px rgba(0,0,0,0.25))
75
81
 
76
82
  :host.tooltip-left::after
77
83
  top: 50%
78
84
  left: 100%
79
85
  margin-top: -5px
80
- border-width: 5px
81
- border-color: transparent transparent transparent var(--bg-tooltip-primary)
86
+ border: 8px solid transparent
87
+ border-left-color: var(--bg-tooltip-primary)
88
+ filter: drop-shadow(3px 0px 2px rgba(0,0,0,0.25))
82
89
 
83
90
  :host.tooltip-left-top::after
84
91
  top: 10%
85
92
  left: 100%
86
93
  margin-top: -5px
87
- border-width: 5px
88
- border-color: transparent transparent transparent var(--bg-tooltip-primary)
94
+ border: 8px solid transparent
95
+ border-left-color: var(--bg-tooltip-primary)
96
+ filter: drop-shadow(3px 0px 2px rgba(0,0,0,0.25))
89
97
 
90
98
  :host.tooltip-left-bottom::after
91
- top: 90%
99
+ top: 80%
92
100
  left: 100%
93
101
  margin-top: -5px
94
- border-width: 5px
95
- border-color: transparent transparent transparent var(--bg-tooltip-primary)
102
+ border: 8px solid transparent
103
+ border-left-color: var(--bg-tooltip-primary)
104
+ filter: drop-shadow(3px 0px 2px rgba(0,0,0,0.25))
96
105
 
97
106
  :host.tooltip-right::after
98
107
  top: 50%
99
108
  right: 100%
100
109
  margin-top: -5px
101
- border-width: 5px
102
- border-color: transparent var(--bg-tooltip-primary) transparent transparent
110
+ border: 8px solid transparent
111
+ border-right-color: var(--bg-tooltip-primary)
112
+ filter: drop-shadow(-3px 0px 2px rgba(0,0,0,0.25))
103
113
 
104
114
  :host.tooltip-right-top::after
105
115
  top: 10%
106
116
  right: 100%
107
117
  margin-top: -5px
108
- border-width: 5px
109
- border-color: transparent var(--bg-tooltip-primary) transparent transparent
118
+ border: 8px solid transparent
119
+ border-right-color: var(--bg-tooltip-primary)
120
+ filter: drop-shadow(-3px 0px 2px rgba(0,0,0,0.25))
110
121
 
111
122
  :host.tooltip-right-bottom::after
112
- top: 90%
123
+ top: 80%
113
124
  right: 100%
114
125
  margin-top: -5px
115
- border-width: 5px
116
- border-color: transparent var(--bg-tooltip-primary) transparent transparent
126
+ border: 8px solid transparent
127
+ border-right-color: var(--bg-tooltip-primary)
128
+ filter: drop-shadow(-3px 0px 2px rgba(0,0,0,0.25))
117
129
 
118
130
  // ==========================
119
131
  // LIGHT THEME
package/types/progressio_resources-gravity-design-system.d.ts 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, Renderer2, ChangeDetectorRef, ViewContainerRef, QueryList } from '@angular/core';
2
+ import { OnChanges, TemplateRef, EventEmitter, ElementRef, ComponentFactoryResolver, ApplicationRef, Injector, SimpleChanges, ModuleWithProviders, AfterViewInit, OnInit, OnDestroy, PipeTransform, Input, Renderer2, ChangeDetectorRef, 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';
@@ -743,7 +743,6 @@ declare class GravityDropdownListComponent implements OnChanges, OnInit, OnDestr
743
743
  multiple: boolean;
744
744
  required: boolean;
745
745
  currentLang: string;
746
- isCurrency: boolean;
747
746
  isDisabled: boolean;
748
747
  isReadonly: boolean;
749
748
  customValues: Array<any> | any;
@@ -751,6 +750,7 @@ declare class GravityDropdownListComponent implements OnChanges, OnInit, OnDestr
751
750
  label: string;
752
751
  value: string;
753
752
  };
753
+ type: 'regular' | 'currency' | 'network';
754
754
  labelSize: 'sm' | 'md' | 'lg';
755
755
  size: 'sm' | 'md' | 'lg' | 'xl';
756
756
  inputType: 'field' | 'label';
@@ -774,6 +774,7 @@ declare class GravityDropdownListComponent implements OnChanges, OnInit, OnDestr
774
774
  id: number;
775
775
  };
776
776
  private dropdownManagerSubscription;
777
+ searchInput: Input;
777
778
  constructor(dropdownService: GravityDropdownManagerService, _eref: ElementRef);
778
779
  ngOnInit(): void;
779
780
  ngOnChanges(changes: SimpleChanges): void;
@@ -803,13 +804,17 @@ declare class GravityDropdownListComponent implements OnChanges, OnInit, OnDestr
803
804
  label: string;
804
805
  }): string;
805
806
  inputDisplayValue(): string;
807
+ getDisplayValueNetwork(): {
808
+ items: any[];
809
+ hasMore: boolean;
810
+ };
806
811
  private truncate;
807
812
  clearSearch(): void;
808
813
  preventTypingWhenLocked(event: KeyboardEvent, input: HTMLInputElement): void;
809
814
  private scrollToSelected;
810
815
  onSearchTextChange(value: string): void;
811
816
  static ɵfac: i0.ɵɵFactoryDeclaration<GravityDropdownListComponent, never>;
812
- 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; }; "isCurrency": { "alias": "isCurrency"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isReadonly": { "alias": "isReadonly"; "required": false; }; "customValues": { "alias": "customValues"; "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; }; "dropdownState": { "alias": "dropdownState"; "required": false; }; }, { "dropdownStateChange": "dropdownStateChange"; "selectedItemsResponse": "response"; }, never, ["*"], true, never>;
817
+ 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>;
813
818
  }
814
819
 
815
820
  declare class GravityIconButtonComponent {