@progressio_resources/gravity-design-system 3.5.2 → 3.5.4

package/lib/components/gravity-detail-container/gravity-detail-container.component.d.ts

@@ -1,14 +1,17 @@
-import { EventEmitter } from '@angular/core';
+import { ElementRef, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class GravityDetailContainerComponent {
     title: string;
     description: string;
     mode: 'modal' | 'standard';
     type: 'flyout' | 'detail-view';
+    optionalHeight: string;
     closed: EventEmitter<void>;
+    containerRef: ElementRef<HTMLDivElement>;
     isOpen: boolean;
     open(): void;
     dismiss(): void;
+    ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GravityDetailContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GravityDetailContainerComponent, "gravity-detail-container", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, { "closed": "closed"; }, never, ["[detail-body]", "[detail-actions]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GravityDetailContainerComponent, "gravity-detail-container", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "type": { "alias": "type"; "required": false; }; "optionalHeight": { "alias": "optionalHeight"; "required": false; }; }, { "closed": "closed"; }, never, ["[detail-body]", "[detail-actions]"], false, never>;
 }

package/lib/gravity-design-system.module.d.ts

@@ -69,7 +69,7 @@ import * as i67 from "./components/gravity-calendar-next/components/year-calenda
 import * as i68 from "./components/gravity-calendar-next/components/dual-month-calendar/dual-month-calendar.component";
 import * as i69 from "./components/gravity-segmented-button/gravity-segmented-button.component";
 import * as i70 from "./components/gravity-currency-display-v2/gravity-currency-display-v2.component";
-import * as i71 from "./components/gravity-header/gravity-header.component";
+import * as i71 from "./layout/gravity-header/gravity-header.component";
 import * as i72 from "./components/gravity-push-notifications/gravity-push-notifications.component";
 import * as i73 from "angular-svg-icon";
 import * as i74 from "angular-svg-icon-preloader";

package/package.json

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

package/public-api.d.ts

@@ -16,7 +16,6 @@ export * from './lib/components/gravity-detail-container/gravity-detail-containe
 export * from './lib/components/gravity-dialog/gravity-dialog.component';
 export * from './lib/components/gravity-dropdown-list/gravity-dropdown-list.component';
 export * from './lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component';
-export * from './lib/components/gravity-header/gravity-header.component';
 export * from './lib/components/gravity-icon/gravity-icon.component';
 export * from './lib/components/gravity-icon-button/gravity-icon-button.component';
 export * from './lib/components/gravity-multi-language/gravity-multi-language.component';
@@ -47,6 +46,7 @@ export * from './lib/components/gravity-generic-avatar-secondary/gravity-generic
 export * from './lib/components/gravity-backdrop/gravity-backdrop.component';
 export * from './lib/components/gravity-segmented-button/gravity-segmented-button.component';
 export * from './lib/components/gravity-push-notifications/gravity-push-notifications.component';
+export * from './lib/layout/gravity-header/gravity-header.component';
 export * from './lib/services/gravity-dialog-manager.service';
 export * from './lib/vendor/gravity-tooltip';
 export * from './lib/components/gravity-notification/gravity-notification-content.interface';

package/src/lib/assets/icon-set/coins/crypto/gt-icon-avax-currency/gt-icon-avax-currency-disabled.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.999 0.5C24.5587 0.500085 31.498 7.43961 31.498 16C31.498 24.5604 24.5587 31.4999 15.999 31.5C7.43927 31.5 0.500001 24.5604 0.5 16C0.5 7.43955 7.43927 0.5 15.999 0.5Z" stroke="#97A4BD"/>
+<path d="M15.6216 6.14111C15.8446 6.02713 16.1105 6.02713 16.3335 6.14111C16.5408 6.24726 16.7051 6.53409 17.0298 7.10791L18.5991 9.85889L18.6069 9.87354C18.9575 10.4889 19.1357 10.8009 19.2134 11.1284C19.2994 11.486 19.2994 11.8636 19.2134 12.2212C19.1351 12.5513 18.959 12.8659 18.603 13.4907L14.5942 20.6099L14.5835 20.6284C14.2305 21.249 14.0512 21.564 13.8032 21.8013C13.5334 22.0605 13.2088 22.2487 12.853 22.355C12.5283 22.4453 12.1638 22.4458 11.436 22.4458H8.34521C7.69581 22.4458 7.3748 22.4455 7.1792 22.3198C6.96803 22.1822 6.83938 21.9542 6.82373 21.7026C6.81203 21.4709 6.97169 21.1875 7.29248 20.6216L14.9253 7.10791C15.25 6.53409 15.4142 6.24725 15.6216 6.14111ZM21.0972 15.854C21.32 15.7401 21.5824 15.74 21.8052 15.854C22.0073 15.9574 22.1644 16.225 22.4761 16.7544L22.5015 16.7974L24.7202 20.6099C24.731 20.6287 24.7418 20.6474 24.7524 20.6655C25.0598 21.1984 25.2167 21.4705 25.2056 21.6948C25.1937 21.9462 25.0604 22.1783 24.8491 22.3159C24.6534 22.4454 24.3248 22.4458 23.6714 22.4458H19.2427C18.5895 22.4458 18.2606 22.4454 18.0688 22.3198C17.8576 22.1822 17.7281 21.9503 17.7124 21.6987C17.7008 21.4687 17.8626 21.1883 18.186 20.6274L18.1938 20.6138L20.4048 16.8013C20.7294 16.2394 20.8937 15.9601 21.0972 15.854Z" fill="#97A4BD"/>
+</svg>

package/src/lib/assets/icon-set/coins/crypto/gt-icon-avax-currency/gt-icon-avax-currency.svg

@@ -0,0 +1,4 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.9989 32C24.8348 32 31.9977 24.8366 31.9977 16C31.9977 7.16344 24.8348 0 15.9989 0C7.16294 0 0 7.16344 0 16C0 24.8366 7.16294 32 15.9989 32Z" fill="#E84142"/>
+<path d="M15.6216 6.14111C15.8446 6.02713 16.1105 6.02713 16.3335 6.14111C16.5408 6.24726 16.7051 6.53409 17.0298 7.10791L18.5991 9.85889L18.6069 9.87354C18.9575 10.4889 19.1357 10.8009 19.2134 11.1284C19.2994 11.486 19.2994 11.8636 19.2134 12.2212C19.1351 12.5513 18.959 12.8659 18.603 13.4907L14.5942 20.6099L14.5835 20.6284C14.2305 21.249 14.0512 21.564 13.8032 21.8013C13.5334 22.0605 13.2088 22.2487 12.853 22.355C12.5283 22.4453 12.1638 22.4458 11.436 22.4458H8.34521C7.69581 22.4458 7.3748 22.4455 7.1792 22.3198C6.96803 22.1822 6.83938 21.9542 6.82373 21.7026C6.81203 21.4709 6.97169 21.1875 7.29248 20.6216L14.9253 7.10791C15.25 6.53409 15.4142 6.24725 15.6216 6.14111ZM21.0972 15.854C21.32 15.7401 21.5824 15.74 21.8052 15.854C22.0073 15.9574 22.1644 16.225 22.4761 16.7544L22.5015 16.7974L24.7202 20.6099C24.731 20.6287 24.7418 20.6474 24.7524 20.6655C25.0598 21.1984 25.2167 21.4705 25.2056 21.6948C25.1937 21.9462 25.0604 22.1783 24.8491 22.3159C24.6534 22.4454 24.3248 22.4458 23.6714 22.4458H19.2427C18.5895 22.4458 18.2606 22.4454 18.0688 22.3198C17.8576 22.1822 17.7281 21.9503 17.7124 21.6987C17.7008 21.4687 17.8626 21.1883 18.186 20.6274L18.1938 20.6138L20.4048 16.8013C20.7294 16.2394 20.8937 15.9601 21.0972 15.854Z" fill="white"/>
+</svg>

package/src/lib/assets/icon-set/networks/gt-icon-avax-network/gt-icon-avax-network-disabled.svg

@@ -0,0 +1,5 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="6" cy="6" r="6" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 11.5556C9.06825 11.5556 11.5556 9.06825 11.5556 6C11.5556 2.93175 9.06825 0.444444 6 0.444444C2.93175 0.444444 0.444444 2.93175 0.444444 6C0.444444 9.06825 2.93175 11.5556 6 11.5556ZM6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z" fill="#97A4BD"/>
+<path d="M5.85742 2.30322C5.94106 2.26048 6.04137 2.26048 6.125 2.30322C6.20259 2.34317 6.26416 2.45067 6.38574 2.66553L6.97461 3.69678L6.97754 3.70264C7.10896 3.93331 7.17597 4.05052 7.20508 4.17334C7.23726 4.30724 7.23721 4.44861 7.20508 4.58252C7.17573 4.70633 7.10911 4.82472 6.97559 5.05908L5.47266 7.729L5.46875 7.73584C5.33639 7.96853 5.26876 8.08631 5.17578 8.17529C5.07456 8.27254 4.95281 8.34345 4.81934 8.3833C4.69759 8.41713 4.56088 8.41748 4.28809 8.41748H3.12891C2.88572 8.41748 2.76573 8.41664 2.69238 8.36963C2.61315 8.31802 2.56446 8.23254 2.55859 8.13818C2.55433 8.05131 2.61419 7.94493 2.73438 7.73291L5.59668 2.66553C5.71824 2.45073 5.77986 2.3432 5.85742 2.30322ZM7.91113 5.94482C7.99466 5.90221 8.09327 5.90214 8.17676 5.94482C8.25255 5.98359 8.3118 6.08412 8.42871 6.28271L8.4375 6.29932L9.26953 7.729C9.27352 7.73594 9.27734 7.74281 9.28125 7.74951C9.3964 7.94914 9.45617 8.0512 9.45215 8.13525C9.4477 8.2295 9.39753 8.31704 9.31836 8.36865C9.24495 8.41723 9.12101 8.41748 8.87598 8.41748H7.21582C6.97079 8.41748 6.84729 8.41677 6.77539 8.36963C6.69627 8.31804 6.64751 8.23146 6.6416 8.13721C6.63723 8.05092 6.69798 7.9453 6.81934 7.73486L6.82227 7.72998L7.65137 6.30029C7.77309 6.08963 7.83485 5.98461 7.91113 5.94482Z" fill="#97A4BD"/>
+</svg>

package/src/lib/assets/icon-set/networks/gt-icon-avax-network/gt-icon-avax-network.svg

@@ -0,0 +1,11 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_14377_3353)">
+<circle cx="6" cy="6" r="6" fill="#E84142"/>
+<path d="M5.85742 2.30322C5.94106 2.26048 6.04137 2.26048 6.125 2.30322C6.20254 2.34321 6.26421 2.45076 6.38574 2.66553L6.97363 3.69775L6.97754 3.70264C7.10894 3.93327 7.17497 4.05055 7.2041 4.17334C7.23637 4.30747 7.23637 4.44936 7.2041 4.5835C7.17471 4.70713 7.10891 4.82507 6.97559 5.05908L5.47266 7.729L5.46875 7.73584C5.33638 7.96855 5.26874 8.0863 5.17578 8.17529C5.07456 8.27259 4.95283 8.34343 4.81934 8.3833C4.69755 8.41718 4.561 8.41748 4.28809 8.41748H3.12891C2.88539 8.41748 2.76476 8.41676 2.69141 8.36963C2.61244 8.31799 2.56445 8.23236 2.55859 8.13818C2.55442 8.05134 2.61427 7.9448 2.73438 7.73291L5.59668 2.66553C5.71831 2.4506 5.77977 2.34309 5.85742 2.30322ZM7.91113 5.9458C7.99471 5.9031 8.0932 5.90307 8.17676 5.9458C8.25228 5.98471 8.31123 6.0848 8.42773 6.28271L8.4375 6.29932L9.26953 7.729C9.27352 7.73594 9.27734 7.74281 9.28125 7.74951C9.39657 7.94943 9.45539 8.0521 9.45117 8.13623C9.44658 8.23021 9.39727 8.3171 9.31836 8.36865C9.24495 8.41723 9.12101 8.41748 8.87598 8.41748H7.21484C6.97014 8.41748 6.84725 8.41673 6.77539 8.36963C6.69619 8.31801 6.64747 8.23154 6.6416 8.13721C6.63723 8.05092 6.69798 7.9453 6.81934 7.73486L6.82227 7.72998L7.65137 6.30029C7.77301 6.08977 7.83488 5.98557 7.91113 5.9458Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_14377_3353">
+<rect width="12" height="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/lib/assets/icon-set/networks/gt-icon-sol-network/gt-icon-sol-network-disabled.svg

@@ -0,0 +1,5 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="6" cy="6" r="6" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 11.5556C9.06825 11.5556 11.5556 9.06825 11.5556 6C11.5556 2.93175 9.06825 0.444444 6 0.444444C2.93175 0.444444 0.444444 2.93175 0.444444 6C0.444444 9.06825 2.93175 11.5556 6 11.5556ZM6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z" fill="#97A4BD"/>
+<path d="M9.95271 7.82314L8.68707 9.07331C8.65974 9.10058 8.62633 9.12211 8.58913 9.13718C8.55193 9.15225 8.51245 9.15943 8.47221 9.15943H2.47126C2.44241 9.15943 2.41432 9.15154 2.39078 9.13718C2.36649 9.12283 2.34827 9.10202 2.33688 9.07762C2.32549 9.05322 2.32169 9.02666 2.32701 9.00083C2.33156 8.97499 2.34523 8.95059 2.36421 8.93121L3.63136 7.68104C3.6587 7.65377 3.6921 7.63224 3.72855 7.61789C3.76575 7.60281 3.80523 7.59564 3.84547 7.59564H9.84566C9.87451 7.59564 9.9026 7.60353 9.92613 7.61789C9.95043 7.63224 9.96865 7.65305 9.98004 7.67745C9.99143 7.70185 9.99522 7.72841 9.98991 7.75424C9.9846 7.78008 9.97169 7.80448 9.95271 7.82385V7.82314ZM8.68707 5.30557C8.65974 5.2783 8.62633 5.25677 8.58913 5.2417C8.55193 5.22663 8.51245 5.21945 8.47221 5.21945H2.47126C2.44241 5.21945 2.41432 5.22734 2.39078 5.2417C2.36649 5.25605 2.34827 5.27686 2.33688 5.30126C2.32549 5.32566 2.32169 5.35222 2.32701 5.37805C2.33156 5.40389 2.34523 5.42829 2.36421 5.44767L3.63136 6.69784C3.6587 6.72511 3.6921 6.74664 3.72855 6.76099C3.76575 6.77606 3.80523 6.78324 3.84547 6.78324H9.84566C9.87451 6.78324 9.9026 6.77535 9.92613 6.76099C9.95043 6.74664 9.96865 6.72583 9.98004 6.70143C9.99143 6.67703 9.99522 6.65047 9.98991 6.62464C9.98535 6.5988 9.97169 6.5744 9.95271 6.55502L8.68707 5.30485V5.30557ZM2.47126 4.40777H8.47221C8.51245 4.40777 8.55269 4.39988 8.58913 4.38552C8.62633 4.37045 8.65974 4.34892 8.68707 4.32165L9.95271 3.07148C9.97245 3.0521 9.98535 3.02842 9.98991 3.00187C9.99447 2.97603 9.99143 2.94948 9.98004 2.92508C9.96865 2.90067 9.94967 2.88058 9.92613 2.86551C9.90184 2.85116 9.87451 2.84326 9.84566 2.84326H3.84471C3.80447 2.84326 3.76499 2.85116 3.72779 2.86551C3.69058 2.88058 3.65794 2.90211 3.6306 2.92866L2.36345 4.18027C2.34371 4.19965 2.3308 4.22333 2.32625 4.24988C2.32169 4.27572 2.32473 4.30227 2.33612 4.32667C2.34751 4.35108 2.36649 4.37117 2.39002 4.38624C2.41356 4.40059 2.44165 4.40849 2.4705 4.40849L2.47126 4.40777Z" fill="#97A4BD"/>
+</svg>

package/src/lib/assets/icon-set/networks/gt-icon-sol-network/gt-icon-sol-network.svg

@@ -0,0 +1,15 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_13918_3226)">
+<circle cx="6" cy="6" r="6" fill="black"/>
+<path d="M9.95271 7.82314L8.68707 9.07331C8.65974 9.10058 8.62633 9.12211 8.58913 9.13718C8.55193 9.15225 8.51245 9.15943 8.47221 9.15943H2.47126C2.44241 9.15943 2.41432 9.15154 2.39078 9.13718C2.36649 9.12283 2.34827 9.10202 2.33688 9.07762C2.32549 9.05322 2.32169 9.02666 2.32701 9.00083C2.33156 8.97499 2.34523 8.95059 2.36421 8.93121L3.63136 7.68104C3.6587 7.65377 3.6921 7.63224 3.72855 7.61789C3.76575 7.60281 3.80523 7.59564 3.84547 7.59564H9.84566C9.87451 7.59564 9.9026 7.60353 9.92613 7.61789C9.95043 7.63224 9.96865 7.65305 9.98004 7.67745C9.99143 7.70185 9.99522 7.72841 9.98991 7.75424C9.9846 7.78008 9.97169 7.80448 9.95271 7.82385V7.82314ZM8.68707 5.30557C8.65974 5.2783 8.62633 5.25677 8.58913 5.2417C8.55193 5.22663 8.51245 5.21945 8.47221 5.21945H2.47126C2.44241 5.21945 2.41432 5.22734 2.39078 5.2417C2.36649 5.25605 2.34827 5.27686 2.33688 5.30126C2.32549 5.32566 2.32169 5.35222 2.32701 5.37805C2.33156 5.40389 2.34523 5.42829 2.36421 5.44767L3.63136 6.69784C3.6587 6.72511 3.6921 6.74664 3.72855 6.76099C3.76575 6.77606 3.80523 6.78324 3.84547 6.78324H9.84566C9.87451 6.78324 9.9026 6.77535 9.92613 6.76099C9.95043 6.74664 9.96865 6.72583 9.98004 6.70143C9.99143 6.67703 9.99522 6.65047 9.98991 6.62464C9.98535 6.5988 9.97169 6.5744 9.95271 6.55502L8.68707 5.30485V5.30557ZM2.47126 4.40777H8.47221C8.51245 4.40777 8.55269 4.39988 8.58913 4.38552C8.62633 4.37045 8.65974 4.34892 8.68707 4.32165L9.95271 3.07148C9.97245 3.0521 9.98535 3.02842 9.98991 3.00187C9.99447 2.97603 9.99143 2.94948 9.98004 2.92508C9.96865 2.90067 9.94967 2.88058 9.92613 2.86551C9.90184 2.85116 9.87451 2.84326 9.84566 2.84326H3.84471C3.80447 2.84326 3.76499 2.85116 3.72779 2.86551C3.69058 2.88058 3.65794 2.90211 3.6306 2.92866L2.36345 4.18027C2.34371 4.19965 2.3308 4.22333 2.32625 4.24988C2.32169 4.27572 2.32473 4.30227 2.33612 4.32667C2.34751 4.35108 2.36649 4.37117 2.39002 4.38624C2.41356 4.40059 2.44165 4.40849 2.4705 4.40849L2.47126 4.40777Z" fill="url(#paint0_linear_13918_3226)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_13918_3226" x1="3.06422" y1="9.38621" x2="8.78349" y2="2.38455" gradientUnits="userSpaceOnUse">
+<stop offset="0.08" stop-color="#9945FF"/>
+<stop offset="0.97" stop-color="#14F195"/>
+</linearGradient>
+<clipPath id="clip0_13918_3226">
+<rect width="12" height="12" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/lib/assets/json/icons.json

@@ -292,6 +292,14 @@
       "iconName": "gt-icon-coin-id-41-disabled",
       "iconPath": "/assets/gravity/icon-set/coins/crypto/gt-icon-shib-currency/gt-icon-shib-currency-disabled.svg"
     },
+    {
+      "iconName": "gt-icon-coin-id-45",
+      "iconPath": "/assets/gravity/icon-set/coins/crypto/gt-icon-avax-currency/gt-icon-avax-currency.svg"
+    },
+    {
+      "iconName": "gt-icon-coin-id-45-disabled",
+      "iconPath": "/assets/gravity/icon-set/coins/crypto/gt-icon-avax-currency/gt-icon-avax-currency-disabled.svg"
+    },
     {
       "iconName": "gt-icon-coin-id-49",
       "iconPath": "/assets/gravity/icon-set/coins/crypto/gt-icon-pol-currency/gt-icon-pol-currency.svg"
@@ -864,6 +872,22 @@
       "iconName": "gt-icon-network-id-9-disabled",
       "iconPath": "/assets/gravity/icon-set/networks/gt-icon-doge-network/gt-icon-doge-network-disabled.svg"
     },
+    {
+      "iconName": "gt-icon-network-id-12",
+      "iconPath": "/assets/gravity/icon-set/networks/gt-icon-sol-network/gt-icon-sol-network.svg"
+    },
+    {
+      "iconName": "gt-icon-network-id-12-disabled",
+      "iconPath": "/assets/gravity/icon-set/networks/gt-icon-sol-network/gt-icon-sol-network-disabled.svg"
+    },
+    {
+      "iconName": "gt-icon-network-id-13",
+      "iconPath": "/assets/gravity/icon-set/networks/gt-icon-avax-network/gt-icon-avax-network.svg"
+    },
+    {
+      "iconName": "gt-icon-network-id-13-disabled",
+      "iconPath": "/assets/gravity/icon-set/networks/gt-icon-avax-network/gt-icon-avax-network-disabled.svg"
+    },
     {
       "iconName": "gt-icon-network-id-14",
       "iconPath": "/assets/gravity/icon-set/networks/gt-icon-op-network/gt-icon-op-network.svg"

package/src/lib/styles/components/_scroll_bar.scss

@@ -0,0 +1,31 @@
+$scrollbar-width-sm: 4px;
+$scrollbar-width-md: 8px;
+
+@mixin custom-scrollbar($size) {
+  &::-webkit-scrollbar {
+    width: $size;
+    height: $size;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: var(--surface-primary);
+    border-radius: 5px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background-color: var(--placeholder-empty-enabled-primary);
+    border-radius: 5px;
+
+    &:hover {
+      background-color: var(--line-empty-enabled-primary);
+    }
+  }
+}
+
+.scrollbar-sm {
+  @include custom-scrollbar($scrollbar-width-sm);
+}
+
+.scrollbar-md {
+  @include custom-scrollbar($scrollbar-width-md);
+}

package/src/lib/styles/gravity-design-system.scss

@@ -7,6 +7,7 @@
 @import "./components/datepicker-v2";
 @import "./components/link";
 @import "./components/offcanvas";
+@import "./components/scroll_bar";
 @import "./components/tables";
 
 //Foundations

package/esm2022/lib/components/gravity-header/gravity-header.component.mjs

@@ -1,87 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import * as i0 from "@angular/core";
-import * as i1 from "angular-svg-icon";
-import * as i2 from "@angular/common";
-import * as i3 from "../gravity-icon/gravity-icon.component";
-import * as i4 from "../gravity-push-notifications/gravity-push-notifications.component";
-export class GravityHeaderComponent {
-    constructor() {
-        this.size = 'md';
-        this.isMobile = false;
-        this.isMenuOpen = false;
-        this.language = 'en';
-        this.notifications = false;
-        this.backButtonResponse = new EventEmitter();
-        this.toggleMenuResponse = new EventEmitter();
-        this.viewedNotificationsResponse = new EventEmitter();
-        this.iconToggle = false;
-        this.isBackButtonPressed = false;
-    }
-    toggleMenu() {
-        this.iconToggle = !this.iconToggle;
-        setTimeout(function () {
-            this.isMenuOpen = !this.isMenuOpen;
-            this.toggleMenuResponse.emit(this.isMenuOpen);
-        }.bind(this), 65);
-    }
-    backAction() {
-        this.backButtonResponse.emit();
-    }
-    handleViewedNotificationsResponse($event) {
-        this.viewedNotificationsResponse.emit($event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityHeaderComponent, selector: "gravity-header", inputs: { title: "title", logoUrl: "logoUrl", longTitle: "longTitle", backButton: "backButton", breadCrumb: "breadCrumb", size: "size", isMobile: "isMobile", isMenuOpen: "isMenuOpen", language: "language", notifications: "notifications", userNotifications: "userNotifications" }, outputs: { backButtonResponse: "backButtonResponse", toggleMenuResponse: "toggleMenuResponse", viewedNotificationsResponse: "viewedNotificationsResponse" }, ngImport: i0, template: "<div class=\"gravity-header\" [class.mobile]=\"isMobile\">\n  <section class=\"first-level\">\n    <svg-icon *ngIf=\"isMobile && logoUrl && !backButton\" class=\"logo-header\" [src]=\"logoUrl\"/>\n\n    <div *ngIf=\"backButton && breadCrumb?.list?.length < 1\" class=\"back-bottom\" [class.pressed]=\"isBackButtonPressed\"\n         (mousedown)=\"isBackButtonPressed = true\" (mouseup)=\"isBackButtonPressed = false\" (click)=\"backAction()\"\n         (mouseleave)=\"isBackButtonPressed = false\" (touchstart)=\"isBackButtonPressed = true\">\n      <gravity-icon [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'arrow-left'\"/>\n      <span class=\"hr-label {{size}}-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n    </div>\n\n    <div *ngIf=\"breadCrumb?.list?.length > 0\" class=\"breadcrumb\">\n      <gravity-icon *ngIf=\"breadCrumb.icon\" class=\"gravity-margin-right-xs\" [iconSize]=\"'md-16'\"\n                    [style.--icon-color]=\"'var(--breadcrumb-button-base-primary)'\" [iconName]=\"breadCrumb.icon\"/>\n\n      <ng-container *ngFor=\"let item of breadCrumb.list; let last = last; let i = index\">\n        <div class=\"breadcrumb-item\" [class.is-last]=\"last\" [class.has-prev]=\"i !== 0\"\n             (mousedown)=\"item.isPressed = true\" (mouseup)=\"item.isPressed = false\"\n             (mouseleave)=\"item.isPressed = false\" (touchstart)=\"item.isPressed = true\">\n          <span class=\"hr-body {{size}}-regular\" [class.pressed]=\"item.isPressed\" (click)=\"!last && item.callback?.()\">{{ item.text }}</span>\n        </div>\n      </ng-container>\n    </div>\n\n    <h1 *ngIf=\"!backButton && !isMobile && breadCrumb?.list?.length < 1\" class=\"hr-headline md-bold\">{{ title }}</h1>\n\n    <span *ngIf=\"isMobile && backButton\" class=\"hr-body md-bold\">{{ longTitle }}</span>\n\n    <div class=\"main-actions\">\n      <ng-content select=\"[main-actions]\"/>\n\n      <gravity-push-notifications *ngIf=\"notifications\" [userNotifications]=\"userNotifications\"\n                                  (viewedNotificationsResponse)=\"handleViewedNotificationsResponse($event)\"/>\n\n      <gravity-icon *ngIf=\"isMobile\"  [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'lg-24'\"\n                    [iconName]=\"isMenuOpen ? 'unsuccess' : 'menu'\" (click)=\"toggleMenu()\"\n                    [@iconToggle]=\"iconToggle ? 'open' : 'closed'\"/>\n    </div>\n  </section>\n\n  <section *ngIf=\"!isMobile && (backButton || breadCrumb?.list?.length > 0)\" class=\"second-level\">\n    <h1 class=\"hr-headline md-bold\">{{ title }}</h1>\n    <ng-content select=\"[extra-actions]\"/>\n  </section>\n\n  <section *ngIf=\"isMobile && !backButton\" class=\"second-level\">\n    <h1 class=\"hr-title lg-bold\">{{ title }}</h1>\n  </section>\n\n</div>", styles: [".gravity-header{width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;flex-direction:column;color:var(--text-primary);justify-content:space-between;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-md) var(--gravity-spacing-md) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.gravity-header .first-level{display:flex;align-items:center;align-self:stretch;justify-content:space-between}.gravity-header .first-level .logo-header svg{max-width:55px;max-height:29px}.gravity-header .first-level .back-bottom{display:flex;cursor:pointer;align-items:center;gap:var(--gravity-spacing-xs);color:var(--back-button-color);padding:var(--gravity-spacing-xs) 6px;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .back-bottom:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.gravity-header .first-level .back-bottom.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.gravity-header .first-level .breadcrumb{display:flex;align-items:center;justify-content:flex-start}.gravity-header .first-level .breadcrumb .breadcrumb-item{display:flex;align-items:center;gap:var(--gravity-spacing-xxxs)}.gravity-header .first-level .breadcrumb .breadcrumb-item.has-prev:before{content:\"/\";gap:var(--gravity-spacing-xxxs);color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item.is-last span{cursor:default;color:var(--breadcrumb-button-active-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span{cursor:pointer;color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span:hover{background:var(--surface-primary);color:var(--on-bg-breadcrumb-button-hover-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span.pressed{background:none;color:var(--breadcrumb-button-pressed-primary)}.gravity-header .first-level .main-actions{display:flex;align-items:center}.gravity-header .first-level .main-actions gravity-icon{cursor:pointer;margin-left:var(--gravity-spacing-sm);transition:transform .1s ease-in-out;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .main-actions gravity-push-notifications{position:relative;margin-left:var(--gravity-spacing-sm)}.gravity-header .second-level{display:flex;flex-direction:row;align-items:center;align-self:stretch;justify-content:space-between;gap:var(--gravity-spacing-xs)}.gravity-header.mobile{min-width:320px;max-width:1099px;padding:var(--gravity-spacing-sm)}\n"], dependencies: [{ kind: "component", type: i1.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: i4.GravityPushNotificationsComponent, selector: "gravity-push-notifications", inputs: ["userNotifications"], outputs: ["viewedNotificationsResponse"] }], animations: [
-            trigger('iconToggle', [
-                state('open', style({ opacity: 1, transform: 'rotate(90deg)' })),
-                state('closed', style({ opacity: 1, transform: 'rotate(0deg)' })),
-                transition('* <=> *', [
-                    animate('65ms ease-out', style({ opacity: .25, transform: 'rotate(45deg)' })),
-                    animate('65ms ease-in')
-                ])
-            ])
-        ] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gravity-header', animations: [
-                        trigger('iconToggle', [
-                            state('open', style({ opacity: 1, transform: 'rotate(90deg)' })),
-                            state('closed', style({ opacity: 1, transform: 'rotate(0deg)' })),
-                            transition('* <=> *', [
-                                animate('65ms ease-out', style({ opacity: .25, transform: 'rotate(45deg)' })),
-                                animate('65ms ease-in')
-                            ])
-                        ])
-                    ], template: "<div class=\"gravity-header\" [class.mobile]=\"isMobile\">\n  <section class=\"first-level\">\n    <svg-icon *ngIf=\"isMobile && logoUrl && !backButton\" class=\"logo-header\" [src]=\"logoUrl\"/>\n\n    <div *ngIf=\"backButton && breadCrumb?.list?.length < 1\" class=\"back-bottom\" [class.pressed]=\"isBackButtonPressed\"\n         (mousedown)=\"isBackButtonPressed = true\" (mouseup)=\"isBackButtonPressed = false\" (click)=\"backAction()\"\n         (mouseleave)=\"isBackButtonPressed = false\" (touchstart)=\"isBackButtonPressed = true\">\n      <gravity-icon [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'sm-12'\" [iconName]=\"'arrow-left'\"/>\n      <span class=\"hr-label {{size}}-regular\">{{ language === 'en' ? 'Back' : 'Atr\u00E1s' }}</span>\n    </div>\n\n    <div *ngIf=\"breadCrumb?.list?.length > 0\" class=\"breadcrumb\">\n      <gravity-icon *ngIf=\"breadCrumb.icon\" class=\"gravity-margin-right-xs\" [iconSize]=\"'md-16'\"\n                    [style.--icon-color]=\"'var(--breadcrumb-button-base-primary)'\" [iconName]=\"breadCrumb.icon\"/>\n\n      <ng-container *ngFor=\"let item of breadCrumb.list; let last = last; let i = index\">\n        <div class=\"breadcrumb-item\" [class.is-last]=\"last\" [class.has-prev]=\"i !== 0\"\n             (mousedown)=\"item.isPressed = true\" (mouseup)=\"item.isPressed = false\"\n             (mouseleave)=\"item.isPressed = false\" (touchstart)=\"item.isPressed = true\">\n          <span class=\"hr-body {{size}}-regular\" [class.pressed]=\"item.isPressed\" (click)=\"!last && item.callback?.()\">{{ item.text }}</span>\n        </div>\n      </ng-container>\n    </div>\n\n    <h1 *ngIf=\"!backButton && !isMobile && breadCrumb?.list?.length < 1\" class=\"hr-headline md-bold\">{{ title }}</h1>\n\n    <span *ngIf=\"isMobile && backButton\" class=\"hr-body md-bold\">{{ longTitle }}</span>\n\n    <div class=\"main-actions\">\n      <ng-content select=\"[main-actions]\"/>\n\n      <gravity-push-notifications *ngIf=\"notifications\" [userNotifications]=\"userNotifications\"\n                                  (viewedNotificationsResponse)=\"handleViewedNotificationsResponse($event)\"/>\n\n      <gravity-icon *ngIf=\"isMobile\"  [style.--icon-color]=\"'var(--back-button-color)'\" [iconSize]=\"'lg-24'\"\n                    [iconName]=\"isMenuOpen ? 'unsuccess' : 'menu'\" (click)=\"toggleMenu()\"\n                    [@iconToggle]=\"iconToggle ? 'open' : 'closed'\"/>\n    </div>\n  </section>\n\n  <section *ngIf=\"!isMobile && (backButton || breadCrumb?.list?.length > 0)\" class=\"second-level\">\n    <h1 class=\"hr-headline md-bold\">{{ title }}</h1>\n    <ng-content select=\"[extra-actions]\"/>\n  </section>\n\n  <section *ngIf=\"isMobile && !backButton\" class=\"second-level\">\n    <h1 class=\"hr-title lg-bold\">{{ title }}</h1>\n  </section>\n\n</div>", styles: [".gravity-header{width:100%;display:flex;-webkit-user-select:none;user-select:none;align-items:center;flex-direction:column;color:var(--text-primary);justify-content:space-between;gap:var(--gravity-spacing-xs);padding:var(--gravity-spacing-md) var(--gravity-spacing-md) var(--gravity-spacing-xs) var(--gravity-spacing-md)}.gravity-header .first-level{display:flex;align-items:center;align-self:stretch;justify-content:space-between}.gravity-header .first-level .logo-header svg{max-width:55px;max-height:29px}.gravity-header .first-level .back-bottom{display:flex;cursor:pointer;align-items:center;gap:var(--gravity-spacing-xs);color:var(--back-button-color);padding:var(--gravity-spacing-xs) 6px;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .back-bottom:hover{border-radius:2px;color:var(--back-button-color);background:var(--surface-primary);--back-button-color: var(--on-bg-back-button-hover-primary)}.gravity-header .first-level .back-bottom.pressed{background:none;color:var(--back-button-color);--back-button-color: var(--back-button-pressed-primary)}.gravity-header .first-level .breadcrumb{display:flex;align-items:center;justify-content:flex-start}.gravity-header .first-level .breadcrumb .breadcrumb-item{display:flex;align-items:center;gap:var(--gravity-spacing-xxxs)}.gravity-header .first-level .breadcrumb .breadcrumb-item.has-prev:before{content:\"/\";gap:var(--gravity-spacing-xxxs);color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item.is-last span{cursor:default;color:var(--breadcrumb-button-active-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span{cursor:pointer;color:var(--breadcrumb-button-base-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span:hover{background:var(--surface-primary);color:var(--on-bg-breadcrumb-button-hover-primary)}.gravity-header .first-level .breadcrumb .breadcrumb-item:not(.is-last) span.pressed{background:none;color:var(--breadcrumb-button-pressed-primary)}.gravity-header .first-level .main-actions{display:flex;align-items:center}.gravity-header .first-level .main-actions gravity-icon{cursor:pointer;margin-left:var(--gravity-spacing-sm);transition:transform .1s ease-in-out;--back-button-color: var(--bg-button-active-primary)}.gravity-header .first-level .main-actions gravity-push-notifications{position:relative;margin-left:var(--gravity-spacing-sm)}.gravity-header .second-level{display:flex;flex-direction:row;align-items:center;align-self:stretch;justify-content:space-between;gap:var(--gravity-spacing-xs)}.gravity-header.mobile{min-width:320px;max-width:1099px;padding:var(--gravity-spacing-sm)}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input
-            }], logoUrl: [{
-                type: Input
-            }], longTitle: [{
-                type: Input
-            }], backButton: [{
-                type: Input
-            }], breadCrumb: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], isMobile: [{
-                type: Input
-            }], isMenuOpen: [{
-                type: Input
-            }], language: [{
-                type: Input
-            }], notifications: [{
-                type: Input
-            }], userNotifications: [{
-                type: Input
-            }], backButtonResponse: [{
-                type: Output
-            }], toggleMenuResponse: [{
-                type: Output
-            }], viewedNotificationsResponse: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWhlYWRlci9ncmF2aXR5LWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaGVhZGVyL2dyYXZpdHktaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7O0FBd0IvRSxNQUFNLE9BQU8sc0JBQXNCO0lBaEJuQztRQXNCaUIsU0FBSSxHQUFnQixJQUFJLENBQUE7UUFDeEIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixlQUFVLEdBQVksS0FBSyxDQUFDO1FBQzVCLGFBQVEsR0FBZ0IsSUFBSSxDQUFDO1FBQzdCLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBRzlCLHVCQUFrQixHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzVELHVCQUFrQixHQUEwQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQy9ELGdDQUEyQixHQUFrRCxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRTFHLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFDNUIsd0JBQW1CLEdBQVksS0FBSyxDQUFDO0tBbUI1QztJQWpCTyxVQUFVO1FBQ2hCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1FBRW5DLFVBQVUsQ0FBQztZQUNWLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO1lBQ25DLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQy9DLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUE7SUFDbEIsQ0FBQztJQUVNLFVBQVU7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksRUFBRSxDQUFDO0lBQ2hDLENBQUM7SUFFTSxpQ0FBaUMsQ0FBQyxNQUF1QztRQUMvRSxJQUFJLENBQUMsMkJBQTJCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQy9DLENBQUM7K0dBbkNXLHNCQUFzQjttR0FBdEIsc0JBQXNCLDJlQ3pCbkMsdXlGQWlETSwwOEdEcENPO1lBQ1gsT0FBTyxDQUFDLFlBQVksRUFBRTtnQkFDckIsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUMsQ0FBQyxDQUFDO2dCQUM5RCxLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGNBQWMsRUFBQyxDQUFDLENBQUM7Z0JBQy9ELFVBQVUsQ0FBQyxTQUFTLEVBQUU7b0JBQ3JCLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFDLENBQUMsQ0FBQztvQkFDM0UsT0FBTyxDQUFDLGNBQWMsQ0FBQztpQkFDdkIsQ0FBQzthQUNGLENBQUM7U0FDRjs7NEZBR1csc0JBQXNCO2tCQWhCbEMsU0FBUzsrQkFDRSxnQkFBZ0IsY0FHZjt3QkFDWCxPQUFPLENBQUMsWUFBWSxFQUFFOzRCQUNyQixLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBQyxDQUFDLENBQUM7NEJBQzlELEtBQUssQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFDLENBQUMsQ0FBQzs0QkFDL0QsVUFBVSxDQUFDLFNBQVMsRUFBRTtnQ0FDckIsT0FBTyxDQUFDLGVBQWUsRUFBRSxLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUMsQ0FBQyxDQUFDO2dDQUMzRSxPQUFPLENBQUMsY0FBYyxDQUFDOzZCQUN2QixDQUFDO3lCQUNGLENBQUM7cUJBQ0Y7OEJBSWUsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDVSxpQkFBaUI7c0JBQWhDLEtBQUs7Z0JBRVcsa0JBQWtCO3NCQUFsQyxNQUFNO2dCQUNVLGtCQUFrQjtzQkFBbEMsTUFBTTtnQkFDVSwyQkFBMkI7c0JBQTNDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7dHJpZ2dlciwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCBhbmltYXRlfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7Tm90aWZpY2F0aW9uVmlld2VkU3RhdHVzUmVxdWVzdCwgVXNlck5vdGlmaWNhdGlvbnN9IGZyb20gXCIuLi8uLi9tb2RlbC9ncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucy5tb2RlbFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJyZWFkQ3J1bWIge1xuXHRpY29uPzogc3RyaW5nO1xuXHRsaXN0PzogeyB0ZXh0OiBzdHJpbmc7IGNhbGxiYWNrPzogKCkgPT4gdm9pZDsgaXNQcmVzc2VkPzogYm9vbGVhbiB9IFtdO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG5cdGFuaW1hdGlvbnM6IFtcblx0XHR0cmlnZ2VyKCdpY29uVG9nZ2xlJywgW1xuXHRcdFx0c3RhdGUoJ29wZW4nLCBzdHlsZSh7b3BhY2l0eTogMSwgdHJhbnNmb3JtOiAncm90YXRlKDkwZGVnKSd9KSksXG5cdFx0XHRzdGF0ZSgnY2xvc2VkJywgc3R5bGUoe29wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3JvdGF0ZSgwZGVnKSd9KSksXG5cdFx0XHR0cmFuc2l0aW9uKCcqIDw9PiAqJywgW1xuXHRcdFx0XHRhbmltYXRlKCc2NW1zIGVhc2Utb3V0Jywgc3R5bGUoe29wYWNpdHk6IC4yNSwgdHJhbnNmb3JtOiAncm90YXRlKDQ1ZGVnKSd9KSksXG5cdFx0XHRcdGFuaW1hdGUoJzY1bXMgZWFzZS1pbicpXG5cdFx0XHRdKVxuXHRcdF0pXG5cdF1cbn0pXG5cbmV4cG9ydCBjbGFzcyBHcmF2aXR5SGVhZGVyQ29tcG9uZW50IHtcblx0QElucHV0KCkgcHVibGljIHRpdGxlOiBzdHJpbmc7XG5cdEBJbnB1dCgpIHB1YmxpYyBsb2dvVXJsOiBzdHJpbmc7XG5cdEBJbnB1dCgpIHB1YmxpYyBsb25nVGl0bGU6IHN0cmluZztcblx0QElucHV0KCkgcHVibGljIGJhY2tCdXR0b246IGJvb2xlYW47XG5cdEBJbnB1dCgpIHB1YmxpYyBicmVhZENydW1iOiBCcmVhZENydW1iO1xuXHRASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgPSAnbWQnXG5cdEBJbnB1dCgpIHB1YmxpYyBpc01vYmlsZTogYm9vbGVhbiA9IGZhbHNlO1xuXHRASW5wdXQoKSBwdWJsaWMgaXNNZW51T3BlbjogYm9vbGVhbiA9IGZhbHNlO1xuXHRASW5wdXQoKSBwdWJsaWMgbGFuZ3VhZ2U6ICdlbicgfCAnZXMnID0gJ2VuJztcblx0QElucHV0KCkgcHVibGljIG5vdGlmaWNhdGlvbnM6IGJvb2xlYW4gPSBmYWxzZTtcblx0QElucHV0KCkgcHVibGljIHVzZXJOb3RpZmljYXRpb25zOiBVc2VyTm90aWZpY2F0aW9ucyB8IHVuZGVmaW5lZDtcblxuXHRAT3V0cHV0KCkgcHVibGljIGJhY2tCdXR0b25SZXNwb25zZTogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXHRAT3V0cHV0KCkgcHVibGljIHRvZ2dsZU1lbnVSZXNwb25zZTogRXZlbnRFbWl0dGVyPGJvb2xlYW4+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXHRAT3V0cHV0KCkgcHVibGljIHZpZXdlZE5vdGlmaWNhdGlvbnNSZXNwb25zZTogRXZlbnRFbWl0dGVyPE5vdGlmaWNhdGlvblZpZXdlZFN0YXR1c1JlcXVlc3Q+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG5cdHB1YmxpYyBpY29uVG9nZ2xlOiBib29sZWFuID0gZmFsc2U7XG5cdHB1YmxpYyBpc0JhY2tCdXR0b25QcmVzc2VkOiBib29sZWFuID0gZmFsc2U7XG5cblx0cHVibGljIHRvZ2dsZU1lbnUgKCkge1xuXHRcdHRoaXMuaWNvblRvZ2dsZSA9ICF0aGlzLmljb25Ub2dnbGU7XG5cblx0XHRzZXRUaW1lb3V0KGZ1bmN0aW9uICgpIHtcblx0XHRcdHRoaXMuaXNNZW51T3BlbiA9ICF0aGlzLmlzTWVudU9wZW47XG5cdFx0XHR0aGlzLnRvZ2dsZU1lbnVSZXNwb25zZS5lbWl0KHRoaXMuaXNNZW51T3Blbik7XG5cdFx0fS5iaW5kKHRoaXMpLCA2NSlcblx0fVxuXG5cdHB1YmxpYyBiYWNrQWN0aW9uKCl7XG5cdFx0dGhpcy5iYWNrQnV0dG9uUmVzcG9uc2UuZW1pdCgpO1xuXHR9XG5cblx0cHVibGljIGhhbmRsZVZpZXdlZE5vdGlmaWNhdGlvbnNSZXNwb25zZSgkZXZlbnQ6IE5vdGlmaWNhdGlvblZpZXdlZFN0YXR1c1JlcXVlc3Qpe1xuXHRcdHRoaXMudmlld2VkTm90aWZpY2F0aW9uc1Jlc3BvbnNlLmVtaXQoJGV2ZW50KTtcblx0fVxuXG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1oZWFkZXJcIiBbY2xhc3MubW9iaWxlXT1cImlzTW9iaWxlXCI+XG4gIDxzZWN0aW9uIGNsYXNzPVwiZmlyc3QtbGV2ZWxcIj5cbiAgICA8c3ZnLWljb24gKm5nSWY9XCJpc01vYmlsZSAmJiBsb2dvVXJsICYmICFiYWNrQnV0dG9uXCIgY2xhc3M9XCJsb2dvLWhlYWRlclwiIFtzcmNdPVwibG9nb1VybFwiLz5cblxuICAgIDxkaXYgKm5nSWY9XCJiYWNrQnV0dG9uICYmIGJyZWFkQ3J1bWI/Lmxpc3Q/Lmxlbmd0aCA8IDFcIiBjbGFzcz1cImJhY2stYm90dG9tXCIgW2NsYXNzLnByZXNzZWRdPVwiaXNCYWNrQnV0dG9uUHJlc3NlZFwiXG4gICAgICAgICAobW91c2Vkb3duKT1cImlzQmFja0J1dHRvblByZXNzZWQgPSB0cnVlXCIgKG1vdXNldXApPVwiaXNCYWNrQnV0dG9uUHJlc3NlZCA9IGZhbHNlXCIgKGNsaWNrKT1cImJhY2tBY3Rpb24oKVwiXG4gICAgICAgICAobW91c2VsZWF2ZSk9XCJpc0JhY2tCdXR0b25QcmVzc2VkID0gZmFsc2VcIiAodG91Y2hzdGFydCk9XCJpc0JhY2tCdXR0b25QcmVzc2VkID0gdHJ1ZVwiPlxuICAgICAgPGdyYXZpdHktaWNvbiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1iYWNrLWJ1dHRvbi1jb2xvciknXCIgW2ljb25TaXplXT1cIidzbS0xMidcIiBbaWNvbk5hbWVdPVwiJ2Fycm93LWxlZnQnXCIvPlxuICAgICAgPHNwYW4gY2xhc3M9XCJoci1sYWJlbCB7e3NpemV9fS1yZWd1bGFyXCI+e3sgbGFuZ3VhZ2UgPT09ICdlbicgPyAnQmFjaycgOiAnQXRyw6FzJyB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCJicmVhZENydW1iPy5saXN0Py5sZW5ndGggPiAwXCIgY2xhc3M9XCJicmVhZGNydW1iXCI+XG4gICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwiYnJlYWRDcnVtYi5pY29uXCIgY2xhc3M9XCJncmF2aXR5LW1hcmdpbi1yaWdodC14c1wiIFtpY29uU2l6ZV09XCInbWQtMTYnXCJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tYnJlYWRjcnVtYi1idXR0b24tYmFzZS1wcmltYXJ5KSdcIiBbaWNvbk5hbWVdPVwiYnJlYWRDcnVtYi5pY29uXCIvPlxuXG4gICAgICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGJyZWFkQ3J1bWIubGlzdDsgbGV0IGxhc3QgPSBsYXN0OyBsZXQgaSA9IGluZGV4XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJicmVhZGNydW1iLWl0ZW1cIiBbY2xhc3MuaXMtbGFzdF09XCJsYXN0XCIgW2NsYXNzLmhhcy1wcmV2XT1cImkgIT09IDBcIlxuICAgICAgICAgICAgIChtb3VzZWRvd24pPVwiaXRlbS5pc1ByZXNzZWQgPSB0cnVlXCIgKG1vdXNldXApPVwiaXRlbS5pc1ByZXNzZWQgPSBmYWxzZVwiXG4gICAgICAgICAgICAgKG1vdXNlbGVhdmUpPVwiaXRlbS5pc1ByZXNzZWQgPSBmYWxzZVwiICh0b3VjaHN0YXJ0KT1cIml0ZW0uaXNQcmVzc2VkID0gdHJ1ZVwiPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaHItYm9keSB7e3NpemV9fS1yZWd1bGFyXCIgW2NsYXNzLnByZXNzZWRdPVwiaXRlbS5pc1ByZXNzZWRcIiAoY2xpY2spPVwiIWxhc3QgJiYgaXRlbS5jYWxsYmFjaz8uKClcIj57eyBpdGVtLnRleHQgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG5cbiAgICA8aDEgKm5nSWY9XCIhYmFja0J1dHRvbiAmJiAhaXNNb2JpbGUgJiYgYnJlYWRDcnVtYj8ubGlzdD8ubGVuZ3RoIDwgMVwiIGNsYXNzPVwiaHItaGVhZGxpbmUgbWQtYm9sZFwiPnt7IHRpdGxlIH19PC9oMT5cblxuICAgIDxzcGFuICpuZ0lmPVwiaXNNb2JpbGUgJiYgYmFja0J1dHRvblwiIGNsYXNzPVwiaHItYm9keSBtZC1ib2xkXCI+e3sgbG9uZ1RpdGxlIH19PC9zcGFuPlxuXG4gICAgPGRpdiBjbGFzcz1cIm1haW4tYWN0aW9uc1wiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW21haW4tYWN0aW9uc11cIi8+XG5cbiAgICAgIDxncmF2aXR5LXB1c2gtbm90aWZpY2F0aW9ucyAqbmdJZj1cIm5vdGlmaWNhdGlvbnNcIiBbdXNlck5vdGlmaWNhdGlvbnNdPVwidXNlck5vdGlmaWNhdGlvbnNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICh2aWV3ZWROb3RpZmljYXRpb25zUmVzcG9uc2UpPVwiaGFuZGxlVmlld2VkTm90aWZpY2F0aW9uc1Jlc3BvbnNlKCRldmVudClcIi8+XG5cbiAgICAgIDxncmF2aXR5LWljb24gKm5nSWY9XCJpc01vYmlsZVwiICBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1iYWNrLWJ1dHRvbi1jb2xvciknXCIgW2ljb25TaXplXT1cIidsZy0yNCdcIlxuICAgICAgICAgICAgICAgICAgICBbaWNvbk5hbWVdPVwiaXNNZW51T3BlbiA/ICd1bnN1Y2Nlc3MnIDogJ21lbnUnXCIgKGNsaWNrKT1cInRvZ2dsZU1lbnUoKVwiXG4gICAgICAgICAgICAgICAgICAgIFtAaWNvblRvZ2dsZV09XCJpY29uVG9nZ2xlID8gJ29wZW4nIDogJ2Nsb3NlZCdcIi8+XG4gICAgPC9kaXY+XG4gIDwvc2VjdGlvbj5cblxuICA8c2VjdGlvbiAqbmdJZj1cIiFpc01vYmlsZSAmJiAoYmFja0J1dHRvbiB8fCBicmVhZENydW1iPy5saXN0Py5sZW5ndGggPiAwKVwiIGNsYXNzPVwic2Vjb25kLWxldmVsXCI+XG4gICAgPGgxIGNsYXNzPVwiaHItaGVhZGxpbmUgbWQtYm9sZFwiPnt7IHRpdGxlIH19PC9oMT5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZXh0cmEtYWN0aW9uc11cIi8+XG4gIDwvc2VjdGlvbj5cblxuICA8c2VjdGlvbiAqbmdJZj1cImlzTW9iaWxlICYmICFiYWNrQnV0dG9uXCIgY2xhc3M9XCJzZWNvbmQtbGV2ZWxcIj5cbiAgICA8aDEgY2xhc3M9XCJoci10aXRsZSBsZy1ib2xkXCI+e3sgdGl0bGUgfX08L2gxPlxuICA8L3NlY3Rpb24+XG5cbjwvZGl2PiJdfQ==