@progressio_resources/gravity-design-system 3.0.11 → 3.0.13

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 (53) hide show
  1. package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-container.component.mjs +3 -3
  2. package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-datepicker-inline-container.component.mjs +3 -3
  3. package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-container.component.mjs +3 -3
  4. package/esm2022/lib/components/gravity-calendar-v2/datepicker/components/bs-daterangepicker-inline-container.component.mjs +3 -3
  5. package/esm2022/lib/components/gravity-card-list/gravity-card-list.component.mjs +2 -2
  6. package/esm2022/lib/components/gravity-currency/gravity-currency.component.mjs +2 -2
  7. package/esm2022/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs +2 -2
  8. package/esm2022/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.mjs +2 -2
  9. package/esm2022/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.mjs +25 -0
  10. package/esm2022/lib/components/gravity-icon/gravity-icon.component.mjs +43 -41
  11. package/esm2022/lib/components/gravity-link/gravity-link.component.mjs +30 -0
  12. package/esm2022/lib/components/gravity-modal/gravity-modal.component.mjs +61 -0
  13. package/esm2022/lib/components/gravity-network-pill/gravity-network-pill.component.mjs +2 -2
  14. package/esm2022/lib/components/gravity-status-indicator/gravity-status-indicator.component.mjs +17 -5
  15. package/esm2022/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.mjs +28 -0
  16. package/esm2022/lib/gravity-design-system.module.mjs +29 -6
  17. package/esm2022/public-api.mjs +5 -1
  18. package/fesm2022/progressio_resources-gravity-design-system.mjs +230 -69
  19. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  20. package/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.d.ts +9 -0
  21. package/lib/components/gravity-icon/gravity-icon.component.d.ts +42 -40
  22. package/lib/components/gravity-link/gravity-link.component.d.ts +11 -0
  23. package/lib/components/gravity-modal/gravity-modal.component.d.ts +26 -0
  24. package/lib/components/gravity-status-indicator/gravity-status-indicator.component.d.ts +5 -2
  25. package/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.d.ts +13 -0
  26. package/lib/gravity-design-system.module.d.ts +56 -51
  27. package/package.json +1 -1
  28. package/public-api.d.ts +4 -0
  29. package/src/lib/assets/icon-set/gt-icon-clock/gt-icon-clock-lg-24.svg +10 -0
  30. package/src/lib/assets/icon-set/gt-icon-clock/gt-icon-clock-md-16.svg +10 -0
  31. package/src/lib/assets/icon-set/gt-icon-clock/gt-icon-clock-sm-12.svg +10 -0
  32. package/src/lib/assets/icon-set/gt-icon-clock/gt-icon-clock-xl-32.svg +10 -0
  33. package/src/lib/assets/icon-set/gt-icon-mail/gt-icon-mail-lg-24.svg +1 -1
  34. package/src/lib/assets/icon-set/gt-icon-mail/gt-icon-mail-md-16.svg +1 -1
  35. package/src/lib/assets/icon-set/gt-icon-mail/gt-icon-mail-sm-12.svg +1 -1
  36. package/src/lib/assets/icon-set/gt-icon-mail/gt-icon-mail-xl-32.svg +1 -1
  37. package/src/lib/assets/icon-set/gt-icon-queue/gt-icon-queue-lg-24.svg +10 -0
  38. package/src/lib/assets/icon-set/gt-icon-queue/gt-icon-queue-md-16.svg +10 -0
  39. package/src/lib/assets/icon-set/gt-icon-queue/gt-icon-queue-sm-12.svg +10 -0
  40. package/src/lib/assets/icon-set/gt-icon-queue/gt-icon-queue-xl-32.svg +10 -0
  41. package/src/lib/assets/icon-set/gt-icon-security/gt-icon-security-lg-24.svg +1 -1
  42. package/src/lib/assets/icon-set/gt-icon-security/gt-icon-security-md-16.svg +1 -1
  43. package/src/lib/assets/icon-set/gt-icon-security/gt-icon-security-xl-32.svg +1 -1
  44. package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-lg-24.svg +1 -1
  45. package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-md-16.svg +1 -1
  46. package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-sm-12.svg +1 -1
  47. package/src/lib/assets/icon-set/gt-icon-unlock/gt-icon-unlock-xl-32.svg +1 -1
  48. package/src/lib/assets/json/icons.json +32 -0
  49. package/src/lib/styles/foundations/colors/themes/_hero.theme.scss +28 -6
  50. package/src/lib/styles/foundations/colors/tokens/_hero.tokens.scss +28 -0
  51. package/src/lib/styles/foundations/spacing/_spacing.scss +19 -12
  52. package/src/lib/styles/overwrite/bootstrap/_modal.scss +2 -2
  53. package/src/lib/assets/icon-set/gt-icon-security/gt-icon-security-sm-12.svg +0 -3
package/esm2022/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.mjs CHANGED
@@ -82,11 +82,11 @@ export class GravityDropdownListDisplayComponent {
82
82
  }
83
83
  }
84
84
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDropdownListDisplayComponent, deps: [{ token: i1.FilterByPipe }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
85
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDropdownListDisplayComponent, selector: "gravity-dropdown-list-display", inputs: { cypressTag: "cypressTag", placeholder: "placeholder", currentLang: "currentLang", isReadonly: "isReadonly", customValues: "customValues", defaultSelectedItemIndex: "defaultSelectedItemIndex", items: "items", size: "size", width: "width" }, outputs: { selectedItemsResponse: "response" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [FilterByPipe], viewQueries: [{ propertyName: "watch", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "\n<div [attr.data-cy]=\"cypressTag\" class=\"gravity-input-field {{size}} {{width}}-width {{getStatus()}}\" (click)=\"toggleDropdown()\">\n\n <p class=\"hr-label {{size}}-regular value\">\n <ng-container *ngIf=\"selectedItems.length == 0\">{{ placeholder}}</ng-container>\n <ng-container *ngIf=\"selectedItems.length > 0\">\n <gravity-currency-display\n [currency]=\"{currency_id: this.selectedItem.currency_id,\n currency_name: this.selectedItem.currency_name,\n currency_iso: this.selectedItem.currency_iso,\n network_id: this.selectedItem.network_id,\n network_iso: this.selectedItem.network_iso}\"\n [type]=\"'explicit'\" [size]=\"'md'\" >\n </gravity-currency-display>\n </ng-container>\n </p>\n\n <gravity-icon class=\"right\" [iconName]=\"dropdownOpened ? 'arrow-up': 'arrow-down'\" [iconSize]=\"'md-16'\" *ngIf=\"!isReadonly\"></gravity-icon>\n <div class=\"dropdown-panel\" (click)=\"$event.stopPropagation()\" *ngIf=\"dropdownOpened\" [attr.data-cy]=\"cypressTag + '_panel'\">\n\n <div class=\"search-input\">\n <gravity-icon class=\"search-icon\" [iconName]=\"'search'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <input autocomplete=\"off\" class=\"hr-label {{size}}-regular\" (input)=\"filterItems()\"\n [attr.data-cy]=\"cypressTag + '_search_input'\" #searchInput\n [(ngModel)]=\"searchText\" placeholder=\"{{currentLang == 'es' ? 'Buscar moneda' : 'Search currency'}}\">\n <gravity-icon class=\"pointer reset-icon\" (click)=\"searchText = ''; filterItems()\" [iconName]=\"'unsuccess'\"\n [iconSize]=\"'sm-12'\" *ngIf=\"searchText?.length > 0\"></gravity-icon>\n </div>\n\n <div class=\"items-container\">\n <div class=\"items\">\n <div class=\"hr-label item {{size}}-regular gravity-padding-sm pointer\" [class.selected]=\"checkIfSelected(item)\"\n (click)=\"selectItem(item)\" *ngFor=\"let item of availableOptions\">\n\n <gravity-currency-display\n [currency]=\"{currency_id: item.currency_id, currency_name: item.currency_name, currency_iso: item.currency_iso,\n network_id: item.network_id, network_iso: item.network_iso}\" [type]=\"'explicit'\" [size]=\"size\">\n </gravity-currency-display>\n <span class=\"hr-body-text sm-regular gravity-margin-right-sm currency-info\">{{item.balance_amount}} {{item.balance_currency}}</span>\n </div>\n\n <div class=\"hr-label item {{size}}-bold no-results\" *ngIf=\"availableOptions.length === 0\">\n {{ currentLang == 'es' ? 'Sin resultados' : 'No results' }}\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"wallet-balance-info\" *ngIf=\"selectedItems.length > 0\">\n <p class=\"hr-label sm-regular\">{{ currentLang == 'es' ? 'Saldo de cartera' : 'Wallet balance' }}: {{this.selectedItem.balance_amount}} {{this.selectedItem.balance_currency}}</p>\n</div>\n\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:3rem!important}.gravity-padding-top-xl{padding-top:3rem!important}.gravity-padding-bottom-xl{padding-bottom:3rem!important}.gravity-padding-left-xl{padding-left:3rem!important}.gravity-padding-right-xl{padding-right:3rem!important}.gravity-padding-block-xl{padding-block:3rem!important}.gravity-padding-inline-xl{padding-inline:3rem!important}.gravity-padding-xxl{padding:4rem!important}.gravity-padding-top-xxl{padding-top:4rem!important}.gravity-padding-bottom-xxl{padding-bottom:4rem!important}.gravity-padding-left-xxl{padding-left:4rem!important}.gravity-padding-right-xxl{padding-right:4rem!important}.gravity-padding-block-xxl{padding-block:4rem!important}.gravity-padding-inline-xxl{padding-inline:4rem!important}.gravity-padding-xxxl{padding:6rem!important}.gravity-padding-top-xxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxl{padding-left:6rem!important}.gravity-padding-right-xxxl{padding-right:6rem!important}.gravity-padding-block-xxxl{padding-block:6rem!important}.gravity-padding-inline-xxxl{padding-inline:6rem!important}.gravity-padding-xxxxl{padding:12rem!important}.gravity-padding-top-xxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:3rem!important}.gravity-margin-top-xl{margin-top:3rem!important}.gravity-margin-bottom-xl{margin-bottom:3rem!important}.gravity-margin-left-xl{margin-left:3rem!important}.gravity-margin-right-xl{margin-right:3rem!important}.gravity-margin-block-xl{margin-block:3rem!important}.gravity-margin-inline-xl{margin-inline:3rem!important}.gravity-margin-xxl{margin:4rem!important}.gravity-margin-top-xxl{margin-top:4rem!important}.gravity-margin-bottom-xxl{margin-bottom:4rem!important}.gravity-margin-left-xxl{margin-left:4rem!important}.gravity-margin-right-xxl{margin-right:4rem!important}.gravity-margin-block-xxl{margin-block:4rem!important}.gravity-margin-inline-xxl{margin-inline:4rem!important}.gravity-margin-xxxl{margin:6rem!important}.gravity-margin-top-xxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxl{margin-left:6rem!important}.gravity-margin-right-xxxl{margin-right:6rem!important}.gravity-margin-block-xxxl{margin-block:6rem!important}.gravity-margin-inline-xxxl{margin-inline:6rem!important}.gravity-margin-xxxxl{margin:12rem!important}.gravity-margin-top-xxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxl{margin-inline:12rem!important}:host{display:block;--dropdown-cd-field-input-width: 350px}.gravity-input-field{display:flex;cursor:pointer;padding:10px 12px;position:relative;align-items:center;border-radius:.3125rem;width:var(--dropdown-cd-field-input-width);height:var(--dropdown-cd-field-input-height);--text-field-input-field-border-width: .5px;color:var(--text-field-input-field-content-color);background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color)}.gravity-input-field gravity-icon{--icon-width: var(--text-field-input-field-content);--icon-height: var(--text-field-input-field-content);--icon-color: var(--text-field-input-field-icon-color)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.right{margin-left:var(--icon-margin)}.gravity-input-field p.value{width:100%}.gravity-input-field.md{--dropdown-margin: 8px;--dropdown-items-padding: 6px;--text-field-input-field-content: 15px}.gravity-input-field.md.standard-width{--dropdown-cd-field-input-width: 350px;--dropdown-cd-field-input-height: 58px;--dropdown-cd-items-container-height: 230px}.gravity-input-field.closed{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-dropdown-list-dc-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.open{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.selected{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--icon-active-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-dropdown-list-dc-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.readonly{cursor:initial;--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.dropdown-panel{left:-1px;z-index:5;cursor:initial;position:absolute;width:var(--dropdown-cd-field-input-width);border-radius:.3125rem;top:calc(100% + var(--dropdown-margin));background-color:var(--bg-field-full-enabled-primary);border:1px solid var(--outline-dropdown-list-dc-primary)}.dropdown-panel .search-input{display:flex;padding:12px;align-items:center;border-bottom:1px solid var(--text-field-input-field-content-color)}.dropdown-panel .search-input gravity-icon.search-icon{margin-right:.5rem}.dropdown-panel .search-input gravity-icon.reset-icon{margin-left:.5rem}.dropdown-panel .search-input input{margin:0;padding:0;width:100%;border:none;outline:none;border-radius:0;background-color:transparent;color:var(--input-text-full-enabled-primary)}.dropdown-panel .search-input input::placeholder{color:var(--placeholder-empty-enabled-primary)}.dropdown-panel .items-container{overflow:auto;margin:var(--dropdown-margin) 0;max-height:var(--dropdown-cd-items-container-height)}.dropdown-panel .items-container .items{width:100%;display:flex;flex-direction:column;gap:var(--dropdown-items-gap);padding:0 var(--dropdown-items-padding);max-height:var(--dropdown-cd-items-container-height)}.dropdown-panel .items-container .items .item{display:flex;cursor:pointer;position:relative;white-space:nowrap;align-items:flex-end;justify-content:space-between;padding:var(--dropdown-items-padding);color:var(--label-text-full-enabled-primary)}.dropdown-panel .items-container .items .item:hover:not(.no-results),.dropdown-panel .items-container .items .item.selected{border-radius:.3125rem;color:var(--on-bg-menu-button-active-primary);background-color:var(--bg-menu-button-hover-primary)}.dropdown-panel .items-container .items .item .currency-info{right:0;bottom:.3125rem;position:absolute}.wallet-balance-info{text-align:end;margin-top:12px;margin-right:12px;width:calc(var(--dropdown-cd-field-input-width) - 12px)}.no-results{cursor:default!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.GravityCurrencyDisplayComponent, selector: "gravity-currency-display", inputs: ["cypressTag", "disabled", "size", "type", "currency"] }, { kind: "component", type: i5.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
85
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityDropdownListDisplayComponent, selector: "gravity-dropdown-list-display", inputs: { cypressTag: "cypressTag", placeholder: "placeholder", currentLang: "currentLang", isReadonly: "isReadonly", customValues: "customValues", defaultSelectedItemIndex: "defaultSelectedItemIndex", items: "items", size: "size", width: "width" }, outputs: { selectedItemsResponse: "response" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, providers: [FilterByPipe], viewQueries: [{ propertyName: "watch", first: true, predicate: ["searchInput"], descendants: true }], ngImport: i0, template: "\n<div [attr.data-cy]=\"cypressTag\" class=\"gravity-input-field {{size}} {{width}}-width {{getStatus()}}\" (click)=\"toggleDropdown()\">\n\n <p class=\"hr-label {{size}}-regular value\">\n <ng-container *ngIf=\"selectedItems.length == 0\">{{ placeholder}}</ng-container>\n <ng-container *ngIf=\"selectedItems.length > 0\">\n <gravity-currency-display\n [currency]=\"{currency_id: this.selectedItem.currency_id,\n currency_name: this.selectedItem.currency_name,\n currency_iso: this.selectedItem.currency_iso,\n network_id: this.selectedItem.network_id,\n network_iso: this.selectedItem.network_iso}\"\n [type]=\"'explicit'\" [size]=\"'md'\" >\n </gravity-currency-display>\n </ng-container>\n </p>\n\n <gravity-icon class=\"right\" [iconName]=\"dropdownOpened ? 'arrow-up': 'arrow-down'\" [iconSize]=\"'md-16'\" *ngIf=\"!isReadonly\"></gravity-icon>\n <div class=\"dropdown-panel\" (click)=\"$event.stopPropagation()\" *ngIf=\"dropdownOpened\" [attr.data-cy]=\"cypressTag + '_panel'\">\n\n <div class=\"search-input\">\n <gravity-icon class=\"search-icon\" [iconName]=\"'search'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <input autocomplete=\"off\" class=\"hr-label {{size}}-regular\" (input)=\"filterItems()\"\n [attr.data-cy]=\"cypressTag + '_search_input'\" #searchInput\n [(ngModel)]=\"searchText\" placeholder=\"{{currentLang == 'es' ? 'Buscar moneda' : 'Search currency'}}\">\n <gravity-icon class=\"pointer reset-icon\" (click)=\"searchText = ''; filterItems()\" [iconName]=\"'unsuccess'\"\n [iconSize]=\"'sm-12'\" *ngIf=\"searchText?.length > 0\"></gravity-icon>\n </div>\n\n <div class=\"items-container\">\n <div class=\"items\">\n <div class=\"hr-label item {{size}}-regular gravity-padding-sm pointer\" [class.selected]=\"checkIfSelected(item)\"\n (click)=\"selectItem(item)\" *ngFor=\"let item of availableOptions\">\n\n <gravity-currency-display\n [currency]=\"{currency_id: item.currency_id, currency_name: item.currency_name, currency_iso: item.currency_iso,\n network_id: item.network_id, network_iso: item.network_iso}\" [type]=\"'explicit'\" [size]=\"size\">\n </gravity-currency-display>\n <span class=\"hr-body-text sm-regular gravity-margin-right-sm currency-info\">{{item.balance_amount}} {{item.balance_currency}}</span>\n </div>\n\n <div class=\"hr-label item {{size}}-bold no-results\" *ngIf=\"availableOptions.length === 0\">\n {{ currentLang == 'es' ? 'Sin resultados' : 'No results' }}\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"wallet-balance-info\" *ngIf=\"selectedItems.length > 0\">\n <p class=\"hr-label sm-regular\">{{ currentLang == 'es' ? 'Saldo de cartera' : 'Wallet balance' }}: {{this.selectedItem.balance_amount}} {{this.selectedItem.balance_currency}}</p>\n</div>\n\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}:host{display:block;--dropdown-cd-field-input-width: 350px}.gravity-input-field{display:flex;cursor:pointer;padding:10px 12px;position:relative;align-items:center;border-radius:.3125rem;width:var(--dropdown-cd-field-input-width);height:var(--dropdown-cd-field-input-height);--text-field-input-field-border-width: .5px;color:var(--text-field-input-field-content-color);background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color)}.gravity-input-field gravity-icon{--icon-width: var(--text-field-input-field-content);--icon-height: var(--text-field-input-field-content);--icon-color: var(--text-field-input-field-icon-color)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.right{margin-left:var(--icon-margin)}.gravity-input-field p.value{width:100%}.gravity-input-field.md{--dropdown-margin: 8px;--dropdown-items-padding: 6px;--text-field-input-field-content: 15px}.gravity-input-field.md.standard-width{--dropdown-cd-field-input-width: 350px;--dropdown-cd-field-input-height: 58px;--dropdown-cd-items-container-height: 230px}.gravity-input-field.closed{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-dropdown-list-dc-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.open{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.selected{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--icon-active-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-dropdown-list-dc-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.readonly{cursor:initial;--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.dropdown-panel{left:-1px;z-index:5;cursor:initial;position:absolute;width:var(--dropdown-cd-field-input-width);border-radius:.3125rem;top:calc(100% + var(--dropdown-margin));background-color:var(--bg-field-full-enabled-primary);border:1px solid var(--outline-dropdown-list-dc-primary)}.dropdown-panel .search-input{display:flex;padding:12px;align-items:center;border-bottom:1px solid var(--text-field-input-field-content-color)}.dropdown-panel .search-input gravity-icon.search-icon{margin-right:.5rem}.dropdown-panel .search-input gravity-icon.reset-icon{margin-left:.5rem}.dropdown-panel .search-input input{margin:0;padding:0;width:100%;border:none;outline:none;border-radius:0;background-color:transparent;color:var(--input-text-full-enabled-primary)}.dropdown-panel .search-input input::placeholder{color:var(--placeholder-empty-enabled-primary)}.dropdown-panel .items-container{overflow:auto;margin:var(--dropdown-margin) 0;max-height:var(--dropdown-cd-items-container-height)}.dropdown-panel .items-container .items{width:100%;display:flex;flex-direction:column;gap:var(--dropdown-items-gap);padding:0 var(--dropdown-items-padding);max-height:var(--dropdown-cd-items-container-height)}.dropdown-panel .items-container .items .item{display:flex;cursor:pointer;position:relative;white-space:nowrap;align-items:flex-end;justify-content:space-between;padding:var(--dropdown-items-padding);color:var(--label-text-full-enabled-primary)}.dropdown-panel .items-container .items .item:hover:not(.no-results),.dropdown-panel .items-container .items .item.selected{border-radius:.3125rem;color:var(--on-bg-menu-button-active-primary);background-color:var(--bg-menu-button-hover-primary)}.dropdown-panel .items-container .items .item .currency-info{right:0;bottom:.3125rem;position:absolute}.wallet-balance-info{text-align:end;margin-top:12px;margin-right:12px;width:calc(var(--dropdown-cd-field-input-width) - 12px)}.no-results{cursor:default!important}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.GravityCurrencyDisplayComponent, selector: "gravity-currency-display", inputs: ["cypressTag", "disabled", "size", "type", "currency"] }, { kind: "component", type: i5.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
86
86
  }
87
87
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDropdownListDisplayComponent, decorators: [{
88
88
  type: Component,
89
- args: [{ selector: 'gravity-dropdown-list-display', providers: [FilterByPipe], template: "\n<div [attr.data-cy]=\"cypressTag\" class=\"gravity-input-field {{size}} {{width}}-width {{getStatus()}}\" (click)=\"toggleDropdown()\">\n\n <p class=\"hr-label {{size}}-regular value\">\n <ng-container *ngIf=\"selectedItems.length == 0\">{{ placeholder}}</ng-container>\n <ng-container *ngIf=\"selectedItems.length > 0\">\n <gravity-currency-display\n [currency]=\"{currency_id: this.selectedItem.currency_id,\n currency_name: this.selectedItem.currency_name,\n currency_iso: this.selectedItem.currency_iso,\n network_id: this.selectedItem.network_id,\n network_iso: this.selectedItem.network_iso}\"\n [type]=\"'explicit'\" [size]=\"'md'\" >\n </gravity-currency-display>\n </ng-container>\n </p>\n\n <gravity-icon class=\"right\" [iconName]=\"dropdownOpened ? 'arrow-up': 'arrow-down'\" [iconSize]=\"'md-16'\" *ngIf=\"!isReadonly\"></gravity-icon>\n <div class=\"dropdown-panel\" (click)=\"$event.stopPropagation()\" *ngIf=\"dropdownOpened\" [attr.data-cy]=\"cypressTag + '_panel'\">\n\n <div class=\"search-input\">\n <gravity-icon class=\"search-icon\" [iconName]=\"'search'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <input autocomplete=\"off\" class=\"hr-label {{size}}-regular\" (input)=\"filterItems()\"\n [attr.data-cy]=\"cypressTag + '_search_input'\" #searchInput\n [(ngModel)]=\"searchText\" placeholder=\"{{currentLang == 'es' ? 'Buscar moneda' : 'Search currency'}}\">\n <gravity-icon class=\"pointer reset-icon\" (click)=\"searchText = ''; filterItems()\" [iconName]=\"'unsuccess'\"\n [iconSize]=\"'sm-12'\" *ngIf=\"searchText?.length > 0\"></gravity-icon>\n </div>\n\n <div class=\"items-container\">\n <div class=\"items\">\n <div class=\"hr-label item {{size}}-regular gravity-padding-sm pointer\" [class.selected]=\"checkIfSelected(item)\"\n (click)=\"selectItem(item)\" *ngFor=\"let item of availableOptions\">\n\n <gravity-currency-display\n [currency]=\"{currency_id: item.currency_id, currency_name: item.currency_name, currency_iso: item.currency_iso,\n network_id: item.network_id, network_iso: item.network_iso}\" [type]=\"'explicit'\" [size]=\"size\">\n </gravity-currency-display>\n <span class=\"hr-body-text sm-regular gravity-margin-right-sm currency-info\">{{item.balance_amount}} {{item.balance_currency}}</span>\n </div>\n\n <div class=\"hr-label item {{size}}-bold no-results\" *ngIf=\"availableOptions.length === 0\">\n {{ currentLang == 'es' ? 'Sin resultados' : 'No results' }}\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"wallet-balance-info\" *ngIf=\"selectedItems.length > 0\">\n <p class=\"hr-label sm-regular\">{{ currentLang == 'es' ? 'Saldo de cartera' : 'Wallet balance' }}: {{this.selectedItem.balance_amount}} {{this.selectedItem.balance_currency}}</p>\n</div>\n\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:3rem!important}.gravity-padding-top-xl{padding-top:3rem!important}.gravity-padding-bottom-xl{padding-bottom:3rem!important}.gravity-padding-left-xl{padding-left:3rem!important}.gravity-padding-right-xl{padding-right:3rem!important}.gravity-padding-block-xl{padding-block:3rem!important}.gravity-padding-inline-xl{padding-inline:3rem!important}.gravity-padding-xxl{padding:4rem!important}.gravity-padding-top-xxl{padding-top:4rem!important}.gravity-padding-bottom-xxl{padding-bottom:4rem!important}.gravity-padding-left-xxl{padding-left:4rem!important}.gravity-padding-right-xxl{padding-right:4rem!important}.gravity-padding-block-xxl{padding-block:4rem!important}.gravity-padding-inline-xxl{padding-inline:4rem!important}.gravity-padding-xxxl{padding:6rem!important}.gravity-padding-top-xxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxl{padding-left:6rem!important}.gravity-padding-right-xxxl{padding-right:6rem!important}.gravity-padding-block-xxxl{padding-block:6rem!important}.gravity-padding-inline-xxxl{padding-inline:6rem!important}.gravity-padding-xxxxl{padding:12rem!important}.gravity-padding-top-xxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:3rem!important}.gravity-margin-top-xl{margin-top:3rem!important}.gravity-margin-bottom-xl{margin-bottom:3rem!important}.gravity-margin-left-xl{margin-left:3rem!important}.gravity-margin-right-xl{margin-right:3rem!important}.gravity-margin-block-xl{margin-block:3rem!important}.gravity-margin-inline-xl{margin-inline:3rem!important}.gravity-margin-xxl{margin:4rem!important}.gravity-margin-top-xxl{margin-top:4rem!important}.gravity-margin-bottom-xxl{margin-bottom:4rem!important}.gravity-margin-left-xxl{margin-left:4rem!important}.gravity-margin-right-xxl{margin-right:4rem!important}.gravity-margin-block-xxl{margin-block:4rem!important}.gravity-margin-inline-xxl{margin-inline:4rem!important}.gravity-margin-xxxl{margin:6rem!important}.gravity-margin-top-xxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxl{margin-left:6rem!important}.gravity-margin-right-xxxl{margin-right:6rem!important}.gravity-margin-block-xxxl{margin-block:6rem!important}.gravity-margin-inline-xxxl{margin-inline:6rem!important}.gravity-margin-xxxxl{margin:12rem!important}.gravity-margin-top-xxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxl{margin-inline:12rem!important}:host{display:block;--dropdown-cd-field-input-width: 350px}.gravity-input-field{display:flex;cursor:pointer;padding:10px 12px;position:relative;align-items:center;border-radius:.3125rem;width:var(--dropdown-cd-field-input-width);height:var(--dropdown-cd-field-input-height);--text-field-input-field-border-width: .5px;color:var(--text-field-input-field-content-color);background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color)}.gravity-input-field gravity-icon{--icon-width: var(--text-field-input-field-content);--icon-height: var(--text-field-input-field-content);--icon-color: var(--text-field-input-field-icon-color)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.right{margin-left:var(--icon-margin)}.gravity-input-field p.value{width:100%}.gravity-input-field.md{--dropdown-margin: 8px;--dropdown-items-padding: 6px;--text-field-input-field-content: 15px}.gravity-input-field.md.standard-width{--dropdown-cd-field-input-width: 350px;--dropdown-cd-field-input-height: 58px;--dropdown-cd-items-container-height: 230px}.gravity-input-field.closed{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-dropdown-list-dc-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.open{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.selected{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--icon-active-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-dropdown-list-dc-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.readonly{cursor:initial;--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.dropdown-panel{left:-1px;z-index:5;cursor:initial;position:absolute;width:var(--dropdown-cd-field-input-width);border-radius:.3125rem;top:calc(100% + var(--dropdown-margin));background-color:var(--bg-field-full-enabled-primary);border:1px solid var(--outline-dropdown-list-dc-primary)}.dropdown-panel .search-input{display:flex;padding:12px;align-items:center;border-bottom:1px solid var(--text-field-input-field-content-color)}.dropdown-panel .search-input gravity-icon.search-icon{margin-right:.5rem}.dropdown-panel .search-input gravity-icon.reset-icon{margin-left:.5rem}.dropdown-panel .search-input input{margin:0;padding:0;width:100%;border:none;outline:none;border-radius:0;background-color:transparent;color:var(--input-text-full-enabled-primary)}.dropdown-panel .search-input input::placeholder{color:var(--placeholder-empty-enabled-primary)}.dropdown-panel .items-container{overflow:auto;margin:var(--dropdown-margin) 0;max-height:var(--dropdown-cd-items-container-height)}.dropdown-panel .items-container .items{width:100%;display:flex;flex-direction:column;gap:var(--dropdown-items-gap);padding:0 var(--dropdown-items-padding);max-height:var(--dropdown-cd-items-container-height)}.dropdown-panel .items-container .items .item{display:flex;cursor:pointer;position:relative;white-space:nowrap;align-items:flex-end;justify-content:space-between;padding:var(--dropdown-items-padding);color:var(--label-text-full-enabled-primary)}.dropdown-panel .items-container .items .item:hover:not(.no-results),.dropdown-panel .items-container .items .item.selected{border-radius:.3125rem;color:var(--on-bg-menu-button-active-primary);background-color:var(--bg-menu-button-hover-primary)}.dropdown-panel .items-container .items .item .currency-info{right:0;bottom:.3125rem;position:absolute}.wallet-balance-info{text-align:end;margin-top:12px;margin-right:12px;width:calc(var(--dropdown-cd-field-input-width) - 12px)}.no-results{cursor:default!important}\n"] }]
89
+ args: [{ selector: 'gravity-dropdown-list-display', providers: [FilterByPipe], template: "\n<div [attr.data-cy]=\"cypressTag\" class=\"gravity-input-field {{size}} {{width}}-width {{getStatus()}}\" (click)=\"toggleDropdown()\">\n\n <p class=\"hr-label {{size}}-regular value\">\n <ng-container *ngIf=\"selectedItems.length == 0\">{{ placeholder}}</ng-container>\n <ng-container *ngIf=\"selectedItems.length > 0\">\n <gravity-currency-display\n [currency]=\"{currency_id: this.selectedItem.currency_id,\n currency_name: this.selectedItem.currency_name,\n currency_iso: this.selectedItem.currency_iso,\n network_id: this.selectedItem.network_id,\n network_iso: this.selectedItem.network_iso}\"\n [type]=\"'explicit'\" [size]=\"'md'\" >\n </gravity-currency-display>\n </ng-container>\n </p>\n\n <gravity-icon class=\"right\" [iconName]=\"dropdownOpened ? 'arrow-up': 'arrow-down'\" [iconSize]=\"'md-16'\" *ngIf=\"!isReadonly\"></gravity-icon>\n <div class=\"dropdown-panel\" (click)=\"$event.stopPropagation()\" *ngIf=\"dropdownOpened\" [attr.data-cy]=\"cypressTag + '_panel'\">\n\n <div class=\"search-input\">\n <gravity-icon class=\"search-icon\" [iconName]=\"'search'\" [iconSize]=\"'sm-12'\"></gravity-icon>\n <input autocomplete=\"off\" class=\"hr-label {{size}}-regular\" (input)=\"filterItems()\"\n [attr.data-cy]=\"cypressTag + '_search_input'\" #searchInput\n [(ngModel)]=\"searchText\" placeholder=\"{{currentLang == 'es' ? 'Buscar moneda' : 'Search currency'}}\">\n <gravity-icon class=\"pointer reset-icon\" (click)=\"searchText = ''; filterItems()\" [iconName]=\"'unsuccess'\"\n [iconSize]=\"'sm-12'\" *ngIf=\"searchText?.length > 0\"></gravity-icon>\n </div>\n\n <div class=\"items-container\">\n <div class=\"items\">\n <div class=\"hr-label item {{size}}-regular gravity-padding-sm pointer\" [class.selected]=\"checkIfSelected(item)\"\n (click)=\"selectItem(item)\" *ngFor=\"let item of availableOptions\">\n\n <gravity-currency-display\n [currency]=\"{currency_id: item.currency_id, currency_name: item.currency_name, currency_iso: item.currency_iso,\n network_id: item.network_id, network_iso: item.network_iso}\" [type]=\"'explicit'\" [size]=\"size\">\n </gravity-currency-display>\n <span class=\"hr-body-text sm-regular gravity-margin-right-sm currency-info\">{{item.balance_amount}} {{item.balance_currency}}</span>\n </div>\n\n <div class=\"hr-label item {{size}}-bold no-results\" *ngIf=\"availableOptions.length === 0\">\n {{ currentLang == 'es' ? 'Sin resultados' : 'No results' }}\n </div>\n </div>\n </div>\n </div>\n</div>\n\n<div class=\"wallet-balance-info\" *ngIf=\"selectedItems.length > 0\">\n <p class=\"hr-label sm-regular\">{{ currentLang == 'es' ? 'Saldo de cartera' : 'Wallet balance' }}: {{this.selectedItem.balance_amount}} {{this.selectedItem.balance_currency}}</p>\n</div>\n\n", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}:root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}:host{display:block;--dropdown-cd-field-input-width: 350px}.gravity-input-field{display:flex;cursor:pointer;padding:10px 12px;position:relative;align-items:center;border-radius:.3125rem;width:var(--dropdown-cd-field-input-width);height:var(--dropdown-cd-field-input-height);--text-field-input-field-border-width: .5px;color:var(--text-field-input-field-content-color);background-color:var(--text-field-input-field-background-color);border:var(--text-field-input-field-border-width) solid var(--text-field-input-field-border-color)}.gravity-input-field gravity-icon{--icon-width: var(--text-field-input-field-content);--icon-height: var(--text-field-input-field-content);--icon-color: var(--text-field-input-field-icon-color)}.gravity-input-field gravity-icon.pointer{cursor:pointer}.gravity-input-field gravity-icon.right{margin-left:var(--icon-margin)}.gravity-input-field p.value{width:100%}.gravity-input-field.md{--dropdown-margin: 8px;--dropdown-items-padding: 6px;--text-field-input-field-content: 15px}.gravity-input-field.md.standard-width{--dropdown-cd-field-input-width: 350px;--dropdown-cd-field-input-height: 58px;--dropdown-cd-items-container-height: 230px}.gravity-input-field.closed{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-dropdown-list-dc-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.open{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.selected{--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--icon-active-primary);--text-field-input-field-border-color: var(--outline-dropdown-list-dc-primary);--text-field-input-field-background-color: var(--bg-dropdown-list-dc-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.gravity-input-field.readonly{cursor:initial;--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--label-text-empty-enabled-primary);--text-field-input-field-background-color: var(--bg-field-empty-enabled-primary);--text-field-input-field-border-color: var(--placeholder-full-enabled-pressed-primary);--text-field-input-field-content-color: var(--placeholder-full-enabled-pressed-primary)}.dropdown-panel{left:-1px;z-index:5;cursor:initial;position:absolute;width:var(--dropdown-cd-field-input-width);border-radius:.3125rem;top:calc(100% + var(--dropdown-margin));background-color:var(--bg-field-full-enabled-primary);border:1px solid var(--outline-dropdown-list-dc-primary)}.dropdown-panel .search-input{display:flex;padding:12px;align-items:center;border-bottom:1px solid var(--text-field-input-field-content-color)}.dropdown-panel .search-input gravity-icon.search-icon{margin-right:.5rem}.dropdown-panel .search-input gravity-icon.reset-icon{margin-left:.5rem}.dropdown-panel .search-input input{margin:0;padding:0;width:100%;border:none;outline:none;border-radius:0;background-color:transparent;color:var(--input-text-full-enabled-primary)}.dropdown-panel .search-input input::placeholder{color:var(--placeholder-empty-enabled-primary)}.dropdown-panel .items-container{overflow:auto;margin:var(--dropdown-margin) 0;max-height:var(--dropdown-cd-items-container-height)}.dropdown-panel .items-container .items{width:100%;display:flex;flex-direction:column;gap:var(--dropdown-items-gap);padding:0 var(--dropdown-items-padding);max-height:var(--dropdown-cd-items-container-height)}.dropdown-panel .items-container .items .item{display:flex;cursor:pointer;position:relative;white-space:nowrap;align-items:flex-end;justify-content:space-between;padding:var(--dropdown-items-padding);color:var(--label-text-full-enabled-primary)}.dropdown-panel .items-container .items .item:hover:not(.no-results),.dropdown-panel .items-container .items .item.selected{border-radius:.3125rem;color:var(--on-bg-menu-button-active-primary);background-color:var(--bg-menu-button-hover-primary)}.dropdown-panel .items-container .items .item .currency-info{right:0;bottom:.3125rem;position:absolute}.wallet-balance-info{text-align:end;margin-top:12px;margin-right:12px;width:calc(var(--dropdown-cd-field-input-width) - 12px)}.no-results{cursor:default!important}\n"] }]
90
90
  }], ctorParameters: function () { return [{ type: i1.FilterByPipe }, { type: i0.ElementRef }]; }, propDecorators: { selectedItemsResponse: [{
91
91
  type: Output,
92
92
  args: ['response']
package/esm2022/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.mjs ADDED
@@ -0,0 +1,25 @@
1
+ import { Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class GravityGenericAvatarComponent {
4
+ getStatus() {
5
+ if (this.isDisabled) {
6
+ return 'disabled';
7
+ }
8
+ else {
9
+ return 'active';
10
+ }
11
+ }
12
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
13
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityGenericAvatarComponent, selector: "gravity-generic-avatar", inputs: { label: "label", initials: "initials", isDisabled: "isDisabled" }, ngImport: i0, template: "<div class=\"gravity-generic-avatar {{getStatus()}}\">\n <div class=\"gravity-margin-right-xxs\">\n <span class=\"hr-body-text sm-bold\">{{initials}}</span>\n </div>\n <label class=\"hr-body-text sm-regular\">{{label}}</label>\n</div>", styles: [":host{display:block}.gravity-generic-avatar{display:flex;align-items:center}.gravity-generic-avatar div{width:24px;height:24px;display:flex;border-radius:50px;align-items:center;justify-content:center;color:var(--avatar-initials-text-color);background-color:var(--avatar-initials-backgroud-color)}.gravity-generic-avatar div span{margin-top:2px}.gravity-generic-avatar label{margin-top:2px;color:var(--avatar-label-color)}.gravity-generic-avatar.active{--avatar-label-color: var(--cl-generic-avatar-label-primary);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-primary);--avatar-initials-backgroud-color: var(--bg-generic-avatar-initials-primary)}.gravity-generic-avatar.disabled{--avatar-label-color: var(--cl-generic-avatar-label-disabled);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-disabled);--avatar-initials-backgroud-color: var(--bg-generic-avatar-initials-disabled)}\n"] }); }
14
+ }
15
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarComponent, decorators: [{
16
+ type: Component,
17
+ args: [{ selector: 'gravity-generic-avatar', template: "<div class=\"gravity-generic-avatar {{getStatus()}}\">\n <div class=\"gravity-margin-right-xxs\">\n <span class=\"hr-body-text sm-bold\">{{initials}}</span>\n </div>\n <label class=\"hr-body-text sm-regular\">{{label}}</label>\n</div>", styles: [":host{display:block}.gravity-generic-avatar{display:flex;align-items:center}.gravity-generic-avatar div{width:24px;height:24px;display:flex;border-radius:50px;align-items:center;justify-content:center;color:var(--avatar-initials-text-color);background-color:var(--avatar-initials-backgroud-color)}.gravity-generic-avatar div span{margin-top:2px}.gravity-generic-avatar label{margin-top:2px;color:var(--avatar-label-color)}.gravity-generic-avatar.active{--avatar-label-color: var(--cl-generic-avatar-label-primary);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-primary);--avatar-initials-backgroud-color: var(--bg-generic-avatar-initials-primary)}.gravity-generic-avatar.disabled{--avatar-label-color: var(--cl-generic-avatar-label-disabled);--avatar-initials-text-color: var(--cl-generic-avatar-initial-text-disabled);--avatar-initials-backgroud-color: var(--bg-generic-avatar-initials-disabled)}\n"] }]
18
+ }], propDecorators: { label: [{
19
+ type: Input
20
+ }], initials: [{
21
+ type: Input
22
+ }], isDisabled: [{
23
+ type: Input
24
+ }] } });
25
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1nZW5lcmljLWF2YXRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZ2VuZXJpYy1hdmF0YXIvZ3Jhdml0eS1nZW5lcmljLWF2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZ2VuZXJpYy1hdmF0YXIvZ3Jhdml0eS1nZW5lcmljLWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFPL0MsTUFBTSxPQUFPLDZCQUE2QjtJQUtqQyxTQUFTO1FBQ2QsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLE9BQU8sVUFBVSxDQUFDO1NBQ3BCO2FBQU07WUFDSixPQUFPLFFBQVEsQ0FBQztTQUNqQjtJQUNILENBQUM7K0dBWFUsNkJBQTZCO21HQUE3Qiw2QkFBNkIsMElDUDFDLDRQQUtNOzs0RkRFTyw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0Usd0JBQXdCOzhCQUtsQixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktZ2VuZXJpYy1hdmF0YXInLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1nZW5lcmljLWF2YXRhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktZ2VuZXJpYy1hdmF0YXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5R2VuZXJpY0F2YXRhckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbDogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaW5pdGlhbHM6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGlzRGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgcHVibGljIGdldFN0YXR1cygpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmlzRGlzYWJsZWQpIHtcbiAgICAgIHJldHVybiAnZGlzYWJsZWQnO1xuICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiAnYWN0aXZlJztcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LWdlbmVyaWMtYXZhdGFyIHt7Z2V0U3RhdHVzKCl9fVwiPlxuICAgIDxkaXYgY2xhc3M9XCJncmF2aXR5LW1hcmdpbi1yaWdodC14eHNcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJoci1ib2R5LXRleHQgc20tYm9sZFwiPnt7aW5pdGlhbHN9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbiAgICA8bGFiZWwgY2xhc3M9XCJoci1ib2R5LXRleHQgc20tcmVndWxhclwiPnt7bGFiZWx9fTwvbGFiZWw+XG48L2Rpdj4iXX0=
package/esm2022/lib/components/gravity-icon/gravity-icon.component.mjs CHANGED
@@ -42,45 +42,47 @@ export var ICONS;
42
42
  ICONS[ICONS["bell"] = 5] = "bell";
43
43
  ICONS[ICONS["calendar"] = 6] = "calendar";
44
44
  ICONS[ICONS["check"] = 7] = "check";
45
- ICONS[ICONS["chevron-double-down"] = 8] = "chevron-double-down";
46
- ICONS[ICONS["chevron-double-up"] = 9] = "chevron-double-up";
47
- ICONS[ICONS["copy"] = 10] = "copy";
48
- ICONS[ICONS["deposit"] = 11] = "deposit";
49
- ICONS[ICONS["download"] = 12] = "download";
50
- ICONS[ICONS["eye-closed"] = 13] = "eye-closed";
51
- ICONS[ICONS["eye-open"] = 14] = "eye-open";
52
- ICONS[ICONS["exchange-provider"] = 15] = "exchange-provider";
53
- ICONS[ICONS["graphics"] = 16] = "graphics";
54
- ICONS[ICONS["happy-face"] = 17] = "happy-face";
55
- ICONS[ICONS["home"] = 18] = "home";
56
- ICONS[ICONS["information-circle"] = 19] = "information-circle";
57
- ICONS[ICONS["internal-processing"] = 20] = "internal-processing";
58
- ICONS[ICONS["language"] = 21] = "language";
59
- ICONS[ICONS["mail"] = 22] = "mail";
60
- ICONS[ICONS["menu"] = 23] = "menu";
61
- ICONS[ICONS["more-options"] = 24] = "more-options";
62
- ICONS[ICONS["new-tab"] = 25] = "new-tab";
63
- ICONS[ICONS["news"] = 26] = "news";
64
- ICONS[ICONS["payout"] = 27] = "payout";
65
- ICONS[ICONS["plus"] = 28] = "plus";
66
- ICONS[ICONS["question-circle"] = 29] = "question-circle";
67
- ICONS[ICONS["rates"] = 30] = "rates";
68
- ICONS[ICONS["report"] = 31] = "report";
69
- ICONS[ICONS["search"] = 32] = "search";
70
- ICONS[ICONS["security"] = 33] = "security";
71
- ICONS[ICONS["settings"] = 34] = "settings";
72
- ICONS[ICONS["sign-out"] = 35] = "sign-out";
73
- ICONS[ICONS["success-circle"] = 36] = "success-circle";
74
- ICONS[ICONS["swaps"] = 37] = "swaps";
75
- ICONS[ICONS["swaps-arrow-left"] = 38] = "swaps-arrow-left";
76
- ICONS[ICONS["swaps-arrow-right"] = 39] = "swaps-arrow-right";
77
- ICONS[ICONS["switch"] = 40] = "switch";
78
- ICONS[ICONS["tool"] = 41] = "tool";
79
- ICONS[ICONS["trash"] = 42] = "trash";
80
- ICONS[ICONS["unlock"] = 43] = "unlock";
81
- ICONS[ICONS["unsuccess"] = 44] = "unsuccess";
82
- ICONS[ICONS["update"] = 45] = "update";
83
- ICONS[ICONS["user"] = 46] = "user";
84
- ICONS[ICONS["warning-circle"] = 47] = "warning-circle";
45
+ ICONS[ICONS["clock"] = 8] = "clock";
46
+ ICONS[ICONS["chevron-double-down"] = 9] = "chevron-double-down";
47
+ ICONS[ICONS["chevron-double-up"] = 10] = "chevron-double-up";
48
+ ICONS[ICONS["copy"] = 11] = "copy";
49
+ ICONS[ICONS["deposit"] = 12] = "deposit";
50
+ ICONS[ICONS["download"] = 13] = "download";
51
+ ICONS[ICONS["eye-closed"] = 14] = "eye-closed";
52
+ ICONS[ICONS["eye-open"] = 15] = "eye-open";
53
+ ICONS[ICONS["exchange-provider"] = 16] = "exchange-provider";
54
+ ICONS[ICONS["graphics"] = 17] = "graphics";
55
+ ICONS[ICONS["happy-face"] = 18] = "happy-face";
56
+ ICONS[ICONS["home"] = 19] = "home";
57
+ ICONS[ICONS["information-circle"] = 20] = "information-circle";
58
+ ICONS[ICONS["internal-processing"] = 21] = "internal-processing";
59
+ ICONS[ICONS["language"] = 22] = "language";
60
+ ICONS[ICONS["mail"] = 23] = "mail";
61
+ ICONS[ICONS["menu"] = 24] = "menu";
62
+ ICONS[ICONS["more-options"] = 25] = "more-options";
63
+ ICONS[ICONS["new-tab"] = 26] = "new-tab";
64
+ ICONS[ICONS["news"] = 27] = "news";
65
+ ICONS[ICONS["payout"] = 28] = "payout";
66
+ ICONS[ICONS["plus"] = 29] = "plus";
67
+ ICONS[ICONS["question-circle"] = 30] = "question-circle";
68
+ ICONS[ICONS["queue"] = 31] = "queue";
69
+ ICONS[ICONS["rates"] = 32] = "rates";
70
+ ICONS[ICONS["report"] = 33] = "report";
71
+ ICONS[ICONS["search"] = 34] = "search";
72
+ ICONS[ICONS["security"] = 35] = "security";
73
+ ICONS[ICONS["settings"] = 36] = "settings";
74
+ ICONS[ICONS["sign-out"] = 37] = "sign-out";
75
+ ICONS[ICONS["success-circle"] = 38] = "success-circle";
76
+ ICONS[ICONS["swaps"] = 39] = "swaps";
77
+ ICONS[ICONS["swaps-arrow-left"] = 40] = "swaps-arrow-left";
78
+ ICONS[ICONS["swaps-arrow-right"] = 41] = "swaps-arrow-right";
79
+ ICONS[ICONS["switch"] = 42] = "switch";
80
+ ICONS[ICONS["tool"] = 43] = "tool";
81
+ ICONS[ICONS["trash"] = 44] = "trash";
82
+ ICONS[ICONS["unlock"] = 45] = "unlock";
83
+ ICONS[ICONS["unsuccess"] = 46] = "unsuccess";
84
+ ICONS[ICONS["update"] = 47] = "update";
85
+ ICONS[ICONS["user"] = 48] = "user";
86
+ ICONS[ICONS["warning-circle"] = 49] = "warning-circle";
85
87
  })(ICONS || (ICONS = {}));
86
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1pY29uL2dyYXZpdHktaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQU8vQyxNQUFNLE9BQU8sb0JBQW9CO0lBUXhCLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBZ0I7UUFDdEMsT0FBTyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksU0FBUyxDQUFDO0lBQzFDLENBQUM7SUFFTSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQWdCO1FBQ3RDLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFNBQVMsQ0FBQztJQUN0QyxDQUFDOytHQWRVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHdOQ1BqQywrUEFFQTs7NEZES2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBS1IsdUJBQXVCO3NCQUF0QyxLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSzs7QUFXUixNQUFNLENBQU4sSUFBWSxTQUdYO0FBSEQsV0FBWSxTQUFTO0lBQ25CLCtDQUFTLENBQUE7SUFDVCxxREFBWSxDQUFBO0FBQ2QsQ0FBQyxFQUhXLFNBQVMsS0FBVCxTQUFTLFFBR3BCO0FBRUQsTUFBTSxDQUFOLElBQVksS0FpRFg7QUFqREQsV0FBWSxLQUFLO0lBQ2YsK0NBQWEsQ0FBQTtJQUNiLDZDQUFZLENBQUE7SUFDWiw2Q0FBWSxDQUFBO0lBQ1osK0NBQWEsQ0FBQTtJQUNiLHlDQUFVLENBQUE7SUFDVixpQ0FBTSxDQUFBO0lBQ04seUNBQVUsQ0FBQTtJQUNWLG1DQUFPLENBQUE7SUFDUCwrREFBcUIsQ0FBQTtJQUNyQiwyREFBbUIsQ0FBQTtJQUNuQixrQ0FBTSxDQUFBO0lBQ04sd0NBQVMsQ0FBQTtJQUNULDBDQUFVLENBQUE7SUFDViw4Q0FBWSxDQUFBO0lBQ1osMENBQVUsQ0FBQTtJQUNWLDREQUFtQixDQUFBO0lBQ25CLDBDQUFVLENBQUE7SUFDViw4Q0FBWSxDQUFBO0lBQ1osa0NBQU0sQ0FBQTtJQUNOLDhEQUFvQixDQUFBO0lBQ3BCLGdFQUFxQixDQUFBO0lBQ3JCLDBDQUFVLENBQUE7SUFDVixrQ0FBTSxDQUFBO0lBQ04sa0NBQU0sQ0FBQTtJQUNOLGtEQUFjLENBQUE7SUFDZCx3Q0FBUyxDQUFBO0lBQ1Qsa0NBQU0sQ0FBQTtJQUNOLHNDQUFRLENBQUE7SUFDUixrQ0FBTSxDQUFBO0lBQ04sd0RBQWlCLENBQUE7SUFDakIsb0NBQU8sQ0FBQTtJQUNQLHNDQUFRLENBQUE7SUFDUixzQ0FBUSxDQUFBO0lBQ1IsMENBQVUsQ0FBQTtJQUNWLDBDQUFVLENBQUE7SUFDViwwQ0FBVSxDQUFBO0lBQ1Ysc0RBQWdCLENBQUE7SUFDaEIsb0NBQU8sQ0FBQTtJQUNQLDBEQUFrQixDQUFBO0lBQ2xCLDREQUFtQixDQUFBO0lBQ25CLHNDQUFRLENBQUE7SUFDUixrQ0FBTSxDQUFBO0lBQ04sb0NBQU8sQ0FBQTtJQUNQLHNDQUFRLENBQUE7SUFDUiw0Q0FBVyxDQUFBO0lBQ1gsc0NBQVEsQ0FBQTtJQUNSLGtDQUFNLENBQUE7SUFDTixzREFBZ0IsQ0FBQTtBQUNsQixDQUFDLEVBakRXLEtBQUssS0FBTCxLQUFLLFFBaURoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWljb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5SWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21JY29uQ29sb3JWYXJpYWJsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbk5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25TaXplOiAnbGctMjQnIHwgJ21kLTE2JyB8ICdzbS0xMicgfCAneGwtMzInO1xuICBASW5wdXQoKSBwdWJsaWMgaG92ZXJJY29uOiBib29sZWFuO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnO1xuICBASW5wdXQoKSBwdWJsaWMgaXNDb2luOiBib29sZWFuO1xuXG4gIHB1YmxpYyBzdGF0aWMgaXNPbGRJY29uKGljb25OYW1lOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gT0xEX0lDT05TW2ljb25OYW1lXSAhPSB1bmRlZmluZWQ7XG4gIH1cblxuICBwdWJsaWMgc3RhdGljIGlzTmV3SWNvbihpY29uTmFtZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIElDT05TW2ljb25OYW1lXSAhPSB1bmRlZmluZWQ7XG4gIH1cbn1cblxuZXhwb3J0IGVudW0gT0xEX0lDT05TIHtcbiAgJ3VuY2hlY2snLFxuICAnYXJyb3ctYmFjaydcbn1cblxuZXhwb3J0IGVudW0gSUNPTlMge1xuICAnYWRkcmVzc2Jvb2snLFxuICAnYXJyb3ctZG93bicsXG4gICdhcnJvdy1sZWZ0JyxcbiAgJ2Fycm93LXJpZ2h0JyxcbiAgJ2Fycm93LXVwJyxcbiAgJ2JlbGwnLFxuICAnY2FsZW5kYXInLFxuICAnY2hlY2snLFxuICAnY2hldnJvbi1kb3VibGUtZG93bicsXG4gICdjaGV2cm9uLWRvdWJsZS11cCcsXG4gICdjb3B5JyxcbiAgJ2RlcG9zaXQnLFxuICAnZG93bmxvYWQnLFxuICAnZXllLWNsb3NlZCcsXG4gICdleWUtb3BlbicsXG4gICdleGNoYW5nZS1wcm92aWRlcicsXG4gICdncmFwaGljcycsXG4gICdoYXBweS1mYWNlJyxcbiAgJ2hvbWUnLFxuICAnaW5mb3JtYXRpb24tY2lyY2xlJyxcbiAgJ2ludGVybmFsLXByb2Nlc3NpbmcnLFxuICAnbGFuZ3VhZ2UnLFxuICAnbWFpbCcsXG4gICdtZW51JyxcbiAgJ21vcmUtb3B0aW9ucycsXG4gICduZXctdGFiJyxcbiAgJ25ld3MnLFxuICAncGF5b3V0JyxcbiAgJ3BsdXMnLFxuICAncXVlc3Rpb24tY2lyY2xlJyxcbiAgJ3JhdGVzJyxcbiAgJ3JlcG9ydCcsXG4gICdzZWFyY2gnLFxuICAnc2VjdXJpdHknLFxuICAnc2V0dGluZ3MnLFxuICAnc2lnbi1vdXQnLFxuICAnc3VjY2Vzcy1jaXJjbGUnLFxuICAnc3dhcHMnLFxuICAnc3dhcHMtYXJyb3ctbGVmdCcsXG4gICdzd2Fwcy1hcnJvdy1yaWdodCcsXG4gICdzd2l0Y2gnLFxuICAndG9vbCcsXG4gICd0cmFzaCcsXG4gICd1bmxvY2snLFxuICAndW5zdWNjZXNzJyxcbiAgJ3VwZGF0ZScsXG4gICd1c2VyJyxcbiAgJ3dhcm5pbmctY2lyY2xlJ1xufVxuIiwiPHN2Zy1pY29uIFtjbGFzcy53aXRoLWhvdmVyXT1cImhvdmVySWNvblwiIGNsYXNzPVwie3tzaXplfX0ge3tpY29uU2l6ZX19XCIgW3N0eWxlLi0taWNvbi1jb2xvcl09XCJjdXN0b21JY29uQ29sb3JWYXJpYWJsZVwiXG4gICAgICAgICAgW25hbWVdPVwiaXNDb2luID8gJ2d0LWljb24tJyArIGljb25OYW1lIDogaWNvblNpemUgPyAnZ3QtaWNvbi0nICsgaWNvbk5hbWUgKyAnLScgKyBpY29uU2l6ZSA6IGljb25OYW1lXCI+PC9zdmctaWNvbj5cbiJdfQ==
88
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1pY29uL2dyYXZpdHktaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQU8vQyxNQUFNLE9BQU8sb0JBQW9CO0lBUXhCLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBZ0I7UUFDdEMsT0FBTyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksU0FBUyxDQUFDO0lBQzFDLENBQUM7SUFFTSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQWdCO1FBQ3RDLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFNBQVMsQ0FBQztJQUN0QyxDQUFDOytHQWRVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHdOQ1BqQywrUEFFQTs7NEZES2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBS1IsdUJBQXVCO3NCQUF0QyxLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsTUFBTTtzQkFBckIsS0FBSzs7QUFXUixNQUFNLENBQU4sSUFBWSxTQUdYO0FBSEQsV0FBWSxTQUFTO0lBQ25CLCtDQUFTLENBQUE7SUFDVCxxREFBWSxDQUFBO0FBQ2QsQ0FBQyxFQUhXLFNBQVMsS0FBVCxTQUFTLFFBR3BCO0FBRUQsTUFBTSxDQUFOLElBQVksS0FtRFg7QUFuREQsV0FBWSxLQUFLO0lBQ2YsK0NBQWEsQ0FBQTtJQUNiLDZDQUFZLENBQUE7SUFDWiw2Q0FBWSxDQUFBO0lBQ1osK0NBQWEsQ0FBQTtJQUNiLHlDQUFVLENBQUE7SUFDVixpQ0FBTSxDQUFBO0lBQ04seUNBQVUsQ0FBQTtJQUNWLG1DQUFPLENBQUE7SUFDUCxtQ0FBTyxDQUFBO0lBQ1AsK0RBQXFCLENBQUE7SUFDckIsNERBQW1CLENBQUE7SUFDbkIsa0NBQU0sQ0FBQTtJQUNOLHdDQUFTLENBQUE7SUFDVCwwQ0FBVSxDQUFBO0lBQ1YsOENBQVksQ0FBQTtJQUNaLDBDQUFVLENBQUE7SUFDViw0REFBbUIsQ0FBQTtJQUNuQiwwQ0FBVSxDQUFBO0lBQ1YsOENBQVksQ0FBQTtJQUNaLGtDQUFNLENBQUE7SUFDTiw4REFBb0IsQ0FBQTtJQUNwQixnRUFBcUIsQ0FBQTtJQUNyQiwwQ0FBVSxDQUFBO0lBQ1Ysa0NBQU0sQ0FBQTtJQUNOLGtDQUFNLENBQUE7SUFDTixrREFBYyxDQUFBO0lBQ2Qsd0NBQVMsQ0FBQTtJQUNULGtDQUFNLENBQUE7SUFDTixzQ0FBUSxDQUFBO0lBQ1Isa0NBQU0sQ0FBQTtJQUNOLHdEQUFpQixDQUFBO0lBQ2pCLG9DQUFPLENBQUE7SUFDUCxvQ0FBTyxDQUFBO0lBQ1Asc0NBQVEsQ0FBQTtJQUNSLHNDQUFRLENBQUE7SUFDUiwwQ0FBVSxDQUFBO0lBQ1YsMENBQVUsQ0FBQTtJQUNWLDBDQUFVLENBQUE7SUFDVixzREFBZ0IsQ0FBQTtJQUNoQixvQ0FBTyxDQUFBO0lBQ1AsMERBQWtCLENBQUE7SUFDbEIsNERBQW1CLENBQUE7SUFDbkIsc0NBQVEsQ0FBQTtJQUNSLGtDQUFNLENBQUE7SUFDTixvQ0FBTyxDQUFBO0lBQ1Asc0NBQVEsQ0FBQTtJQUNSLDRDQUFXLENBQUE7SUFDWCxzQ0FBUSxDQUFBO0lBQ1Isa0NBQU0sQ0FBQTtJQUNOLHNEQUFnQixDQUFBO0FBQ2xCLENBQUMsRUFuRFcsS0FBSyxLQUFMLEtBQUssUUFtRGhCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktaWNvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlJY29uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGN1c3RvbUljb25Db2xvclZhcmlhYmxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uTmFtZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvblNpemU6ICdsZy0yNCcgfCAnbWQtMTYnIHwgJ3NtLTEyJyB8ICd4bC0zMic7XG4gIEBJbnB1dCgpIHB1YmxpYyBob3Zlckljb246IGJvb2xlYW47XG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnc20nIHwgJ21kJyB8ICdsZyc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpc0NvaW46IGJvb2xlYW47XG5cbiAgcHVibGljIHN0YXRpYyBpc09sZEljb24oaWNvbk5hbWU6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIHJldHVybiBPTERfSUNPTlNbaWNvbk5hbWVdICE9IHVuZGVmaW5lZDtcbiAgfVxuXG4gIHB1YmxpYyBzdGF0aWMgaXNOZXdJY29uKGljb25OYW1lOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gSUNPTlNbaWNvbk5hbWVdICE9IHVuZGVmaW5lZDtcbiAgfVxufVxuXG5leHBvcnQgZW51bSBPTERfSUNPTlMge1xuICAndW5jaGVjaycsXG4gICdhcnJvdy1iYWNrJ1xufVxuXG5leHBvcnQgZW51bSBJQ09OUyB7XG4gICdhZGRyZXNzYm9vaycsXG4gICdhcnJvdy1kb3duJyxcbiAgJ2Fycm93LWxlZnQnLFxuICAnYXJyb3ctcmlnaHQnLFxuICAnYXJyb3ctdXAnLFxuICAnYmVsbCcsXG4gICdjYWxlbmRhcicsXG4gICdjaGVjaycsXG4gICdjbG9jaycsXG4gICdjaGV2cm9uLWRvdWJsZS1kb3duJyxcbiAgJ2NoZXZyb24tZG91YmxlLXVwJyxcbiAgJ2NvcHknLFxuICAnZGVwb3NpdCcsXG4gICdkb3dubG9hZCcsXG4gICdleWUtY2xvc2VkJyxcbiAgJ2V5ZS1vcGVuJyxcbiAgJ2V4Y2hhbmdlLXByb3ZpZGVyJyxcbiAgJ2dyYXBoaWNzJyxcbiAgJ2hhcHB5LWZhY2UnLFxuICAnaG9tZScsXG4gICdpbmZvcm1hdGlvbi1jaXJjbGUnLFxuICAnaW50ZXJuYWwtcHJvY2Vzc2luZycsXG4gICdsYW5ndWFnZScsXG4gICdtYWlsJyxcbiAgJ21lbnUnLFxuICAnbW9yZS1vcHRpb25zJyxcbiAgJ25ldy10YWInLFxuICAnbmV3cycsXG4gICdwYXlvdXQnLFxuICAncGx1cycsXG4gICdxdWVzdGlvbi1jaXJjbGUnLFxuICAncXVldWUnLFxuICAncmF0ZXMnLFxuICAncmVwb3J0JyxcbiAgJ3NlYXJjaCcsXG4gICdzZWN1cml0eScsXG4gICdzZXR0aW5ncycsXG4gICdzaWduLW91dCcsXG4gICdzdWNjZXNzLWNpcmNsZScsXG4gICdzd2FwcycsXG4gICdzd2Fwcy1hcnJvdy1sZWZ0JyxcbiAgJ3N3YXBzLWFycm93LXJpZ2h0JyxcbiAgJ3N3aXRjaCcsXG4gICd0b29sJyxcbiAgJ3RyYXNoJyxcbiAgJ3VubG9jaycsXG4gICd1bnN1Y2Nlc3MnLFxuICAndXBkYXRlJyxcbiAgJ3VzZXInLFxuICAnd2FybmluZy1jaXJjbGUnXG59XG4iLCI8c3ZnLWljb24gW2NsYXNzLndpdGgtaG92ZXJdPVwiaG92ZXJJY29uXCIgY2xhc3M9XCJ7e3NpemV9fSB7e2ljb25TaXplfX1cIiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cImN1c3RvbUljb25Db2xvclZhcmlhYmxlXCJcbiAgICAgICAgICBbbmFtZV09XCJpc0NvaW4gPyAnZ3QtaWNvbi0nICsgaWNvbk5hbWUgOiBpY29uU2l6ZSA/ICdndC1pY29uLScgKyBpY29uTmFtZSArICctJyArIGljb25TaXplIDogaWNvbk5hbWVcIj48L3N2Zy1pY29uPlxuIl19
package/esm2022/lib/components/gravity-link/gravity-link.component.mjs ADDED
@@ -0,0 +1,30 @@
1
+ import { Component, Input } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ import * as i2 from "@angular/router";
5
+ import * as i3 from "../gravity-icon/gravity-icon.component";
6
+ export class GravityLinkComponent {
7
+ constructor() {
8
+ this.iconPosition = 'left';
9
+ this.state = 'active';
10
+ }
11
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
12
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityLinkComponent, selector: "gravity-link", inputs: { link: "link", linkText: "linkText", cypressTag: "cypressTag", iconName: "iconName", iconPosition: "iconPosition", state: "state" }, ngImport: i0, template: "<div class=\"gravity-link-container\">\n <a class=\"hr-body-text sm-regular {{state}}\" [routerLink]=\"state == 'disabled' ? null : link\">\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\" 'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName && iconPosition == 'left'\"\n [iconSize]=\"'md-16'\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n {{ linkText }}\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName && iconPosition == 'right'\"\n [iconSize]=\"'md-16'\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n </a>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container a{border:none;cursor:pointer;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem;padding:var(--gravity-spacing-xxs)}.gravity-link-container a.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a.active{--link-text-color: var(--link-active-primary)}.gravity-link-container a.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container a.disabled{--link-text-color: var(--link-disabled-primary);cursor:not-allowed}.gravity-link-container a:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
13
+ }
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, decorators: [{
15
+ type: Component,
16
+ args: [{ selector: 'gravity-link', template: "<div class=\"gravity-link-container\">\n <a class=\"hr-body-text sm-regular {{state}}\" [routerLink]=\"state == 'disabled' ? null : link\">\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\" 'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName && iconPosition == 'left'\"\n [iconSize]=\"'md-16'\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n {{ linkText }}\n <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName && iconPosition == 'right'\"\n [iconSize]=\"'md-16'\" class=\"icon-{{iconPosition}}\"></gravity-icon>\n </a>\n</div>", styles: [".border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-link-container a{border:none;cursor:pointer;width:max-content;align-items:center;display:inline-flex;justify-content:center;text-decoration:underline;color:var(--link-text-color);gap:var(--gravity-spacing-xxs);border-radius:.0625rem;padding:var(--gravity-spacing-xxs)}.gravity-link-container a.pressed{border:1px solid var(--bg-link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}.gravity-link-container a.active{--link-text-color: var(--link-active-primary)}.gravity-link-container a.visited{font-weight:650;--link-text-color: var(--link-visited-primary)}.gravity-link-container a.disabled{--link-text-color: var(--link-disabled-primary);cursor:not-allowed}.gravity-link-container a:hover:not(.disabled){background-color:var(--link-hover-primary);--link-text-color: var(--bg-link-hover-primary)}\n"] }]
17
+ }], propDecorators: { link: [{
18
+ type: Input
19
+ }], linkText: [{
20
+ type: Input
21
+ }], cypressTag: [{
22
+ type: Input
23
+ }], iconName: [{
24
+ type: Input
25
+ }], iconPosition: [{
26
+ type: Input
27
+ }], state: [{
28
+ type: Input
29
+ }] } });
30
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1saW5rL2dyYXZpdHktbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbGluay9ncmF2aXR5LWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9DLE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFVa0IsaUJBQVksR0FBcUIsTUFBTSxDQUFDO1FBQ3hDLFVBQUssR0FBa0QsUUFBUSxDQUFDO0tBQ2pGOytHQVBZLG9CQUFvQjttR0FBcEIsb0JBQW9CLGtNQ1BqQyx5eUJBVU07OzRGREhPLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxjQUFjOzhCQUtSLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsWUFBWTtzQkFBM0IsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1saW5rJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktbGluay5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktbGluay5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEdyYXZpdHlMaW5rQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcHVibGljIGxpbms6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGxpbmtUZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBjeXByZXNzVGFnOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uTmFtZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvblBvc2l0aW9uOiAnbGVmdCcgfCAncmlnaHQnID0gJ2xlZnQnO1xuICBASW5wdXQoKSBwdWJsaWMgc3RhdGU6ICdhY3RpdmUnIHwgJ3Zpc2l0ZWQnIHwgJ3ByZXNzZWQnIHwgJ2Rpc2FibGVkJyA9ICdhY3RpdmUnO1xufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktbGluay1jb250YWluZXJcIj5cbiAgICA8YSBjbGFzcz1cImhyLWJvZHktdGV4dCBzbS1yZWd1bGFyIHt7c3RhdGV9fVwiIFtyb3V0ZXJMaW5rXT1cInN0YXRlID09ICdkaXNhYmxlZCcgPyBudWxsIDogbGlua1wiPlxuICAgICAgICAgICAgPGdyYXZpdHktaWNvbiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1saW5rLXRleHQtY29sb3IpJ1wiIFtzaXplXT1cIiAnbWQnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2hvdmVySWNvbl09XCJmYWxzZVwiIFtpY29uTmFtZV09XCJpY29uTmFtZVwiICpuZ0lmPVwiaWNvbk5hbWUgJiYgaWNvblBvc2l0aW9uID09ICdsZWZ0J1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uU2l6ZV09XCInbWQtMTYnXCIgY2xhc3M9XCJpY29uLXt7aWNvblBvc2l0aW9ufX1cIj48L2dyYXZpdHktaWNvbj5cbiAgICAgICAgICAge3sgbGlua1RleHQgfX1cbiAgICAgICAgICAgIDxncmF2aXR5LWljb24gW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tbGluay10ZXh0LWNvbG9yKSdcIiBbc2l6ZV09XCInbWQnXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2hvdmVySWNvbl09XCJmYWxzZVwiIFtpY29uTmFtZV09XCJpY29uTmFtZVwiICpuZ0lmPVwiaWNvbk5hbWUgJiYgaWNvblBvc2l0aW9uID09ICdyaWdodCdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvblNpemVdPVwiJ21kLTE2J1wiIGNsYXNzPVwiaWNvbi17e2ljb25Qb3NpdGlvbn19XCI+PC9ncmF2aXR5LWljb24+XG4gICAgPC9hPlxuPC9kaXY+Il19
package/esm2022/lib/components/gravity-modal/gravity-modal.component.mjs ADDED
@@ -0,0 +1,61 @@
1
+ import { Component, EventEmitter, Input, Output } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "@angular/common";
4
+ import * as i2 from "../gravity-button/gravity-button.component";
5
+ import * as i3 from "../gravity-icon/gravity-icon.component";
6
+ import * as i4 from "../gravity-link/gravity-link.component";
7
+ export class GravityModalComponent {
8
+ constructor() {
9
+ this.isVisible = false;
10
+ this.iconPosition = 'left';
11
+ this.linkState = 'active';
12
+ this.close = new EventEmitter();
13
+ this.onclose = onclose;
14
+ }
15
+ closeModal() {
16
+ this.close.emit();
17
+ }
18
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityModalComponent, selector: "gravity-modal", inputs: { title: "title", mainText: "mainText", preTitle: "preTitle", subTitle: "subTitle", secondaryText: "secondaryText", isVisible: "isVisible", primaryBtnText: "primaryBtnText", primaryBtnIcon: "primaryBtnIcon", secondaryBtnTxt: "secondaryBtnTxt", secondaryBtnIcon: "secondaryBtnIcon", iconPosition: "iconPosition", link: "link", linkText: "linkText", linkIcon: "linkIcon", linkState: "linkState", primaryBtnCallback: "primaryBtnCallback", secondaryBtnCallback: "secondaryBtnCallback" }, outputs: { close: "close" }, ngImport: i0, template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" class=\"gravity-modal-container\">\n <div class=\"modal-header\">\n <span class=\"hr-body-text sm-regular\">{{ preTitle }}</span>\n <div class=\"title\">\n <gravity-icon [style.--icon-color]=\"'var(--positive-primary)'\" [size]=\"'md'\"\n [iconName]=\"'check'\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <h1 class=\"hr-title md-bold\">{{ title }}</h1>\n </div>\n <span class=\"hr-body-text sm-regular\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--icon-hover-primary)'\" [size]=\"'md'\" (click)=\"closeModal()\"\n class=\"close\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\" [title]=\"'Close'\">\n </gravity-icon>\n </div>\n </div>\n <div class=\"modal-body\">\n <p class=\"hr-body-text sm-regular gravity-margin-bottom-sm\">{{ mainText }}</p>\n <p class=\"hr-body-text sm-regular\">{{ secondaryText }}</p>\n </div>\n <div class=\"modal-footer\">\n <gravity-button [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\" [size]=\"'sm'\"\n [type]=\"'primary'\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\" [size]=\"'sm'\"\n [type]=\"'tertiary'\" [iconPosition]=\"iconPosition\"\n (click)=\"secondaryBtnCallback()\">{{ secondaryBtnTxt }}\n </gravity-button>\n <gravity-link [linkText]=\"linkText\" [iconName]=\"linkIcon\"\n [iconPosition]=\"iconPosition\" [state]=\"linkState\" [link]=\"link\">\n </gravity-link>\n </div>\n</div>\n\n\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-modal-cover{top:0;left:0;width:100%;height:100%;z-index:999;position:fixed;opacity:var(--surface-opacity);background-color:var(--surface-tertiary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;z-index:1000;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;gap:var(--gravity-spacing-sm);transform:translate(-50%,-50%);border-radius:.625rem;padding:var(--gravity-spacing-md);background-color:var(--surface-secondary);box-shadow:0 4px 13px #090b10d9}.gravity-modal-container .modal-header{width:100%;display:flex;flex-direction:column;padding-bottom:var(--gravity-spacing-sm);border-bottom:solid 1px var(--positive-primary)}.gravity-modal-container .modal-header .title{display:flex;align-items:center}.gravity-modal-container .modal-header .title gravity-icon{margin-right:var(--gravity-spacing-xs)}.gravity-modal-container .modal-header .close-button{cursor:pointer;position:absolute;right:var(--gravity-spacing-md);top:var(--gravity-spacing-md)}.gravity-modal-container .modal-body{width:100%;overflow-y:auto;max-height:calc(80vh - 120px)}.gravity-modal-container .modal-footer{width:100%;display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gravity-spacing-sm);padding-top:var(--gravity-spacing-sm)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityButtonComponent, selector: "gravity-button", inputs: ["cypressTag", "disabled", "customState", "iconPosition", "iconName", "isLoading", "showContent", "size", "type"] }, { kind: "component", type: i3.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }, { kind: "component", type: i4.GravityLinkComponent, selector: "gravity-link", inputs: ["link", "linkText", "cypressTag", "iconName", "iconPosition", "state"] }] }); }
20
+ }
21
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityModalComponent, decorators: [{
22
+ type: Component,
23
+ args: [{ selector: 'gravity-modal', template: "<div *ngIf=\"isVisible\" class=\"gravity-modal-cover\"></div>\n<div *ngIf=\"isVisible\" class=\"gravity-modal-container\">\n <div class=\"modal-header\">\n <span class=\"hr-body-text sm-regular\">{{ preTitle }}</span>\n <div class=\"title\">\n <gravity-icon [style.--icon-color]=\"'var(--positive-primary)'\" [size]=\"'md'\"\n [iconName]=\"'check'\" [iconSize]=\"'md-16'\" class=\"icon-left\">\n </gravity-icon>\n <h1 class=\"hr-title md-bold\">{{ title }}</h1>\n </div>\n <span class=\"hr-body-text sm-regular\">{{ subTitle }}</span>\n <div class=\"close-button\">\n <gravity-icon [style.--icon-color]=\"'var(--icon-hover-primary)'\" [size]=\"'md'\" (click)=\"closeModal()\"\n class=\"close\" [iconName]=\"'unsuccess'\" [iconSize]=\"'md-16'\" [title]=\"'Close'\">\n </gravity-icon>\n </div>\n </div>\n <div class=\"modal-body\">\n <p class=\"hr-body-text sm-regular gravity-margin-bottom-sm\">{{ mainText }}</p>\n <p class=\"hr-body-text sm-regular\">{{ secondaryText }}</p>\n </div>\n <div class=\"modal-footer\">\n <gravity-button [customState]=\"'active'\" [iconName]=\"primaryBtnIcon\" [size]=\"'sm'\"\n [type]=\"'primary'\" [iconPosition]=\"iconPosition\"\n (click)=\"primaryBtnCallback()\">{{ primaryBtnText }}\n </gravity-button>\n <gravity-button [customState]=\"'active'\" [iconName]=\"secondaryBtnIcon\" [size]=\"'sm'\"\n [type]=\"'tertiary'\" [iconPosition]=\"iconPosition\"\n (click)=\"secondaryBtnCallback()\">{{ secondaryBtnTxt }}\n </gravity-button>\n <gravity-link [linkText]=\"linkText\" [iconName]=\"linkIcon\"\n [iconPosition]=\"iconPosition\" [state]=\"linkState\" [link]=\"link\">\n </gravity-link>\n </div>\n</div>\n\n\n", styles: [":root{--gravity-spacing-none: 0;--gravity-spacing-xxs: .25rem;--gravity-spacing-xs: .5rem;--gravity-spacing-sm: 1rem;--gravity-spacing-md: 1.5rem;--gravity-spacing-lg: 2rem;--gravity-spacing-xl: 2.5rem;--gravity-spacing-xxl: 3rem;--gravity-spacing-xxxl: 4rem;--gravity-spacing-xxxxl: 6rem;--gravity-spacing-xxxxxl: 12rem}.gravity-padding-none{padding:0!important}.gravity-padding-top-none{padding-top:0!important}.gravity-padding-bottom-none{padding-bottom:0!important}.gravity-padding-left-none{padding-left:0!important}.gravity-padding-right-none{padding-right:0!important}.gravity-padding-block-none{padding-block:0!important}.gravity-padding-inline-none{padding-inline:0!important}.gravity-padding-xxs{padding:.25rem!important}.gravity-padding-top-xxs{padding-top:.25rem!important}.gravity-padding-bottom-xxs{padding-bottom:.25rem!important}.gravity-padding-left-xxs{padding-left:.25rem!important}.gravity-padding-right-xxs{padding-right:.25rem!important}.gravity-padding-block-xxs{padding-block:.25rem!important}.gravity-padding-inline-xxs{padding-inline:.25rem!important}.gravity-padding-xs{padding:.5rem!important}.gravity-padding-top-xs{padding-top:.5rem!important}.gravity-padding-bottom-xs{padding-bottom:.5rem!important}.gravity-padding-left-xs{padding-left:.5rem!important}.gravity-padding-right-xs{padding-right:.5rem!important}.gravity-padding-block-xs{padding-block:.5rem!important}.gravity-padding-inline-xs{padding-inline:.5rem!important}.gravity-padding-sm{padding:1rem!important}.gravity-padding-top-sm{padding-top:1rem!important}.gravity-padding-bottom-sm{padding-bottom:1rem!important}.gravity-padding-left-sm{padding-left:1rem!important}.gravity-padding-right-sm{padding-right:1rem!important}.gravity-padding-block-sm{padding-block:1rem!important}.gravity-padding-inline-sm{padding-inline:1rem!important}.gravity-padding-md{padding:1.5rem!important}.gravity-padding-top-md{padding-top:1.5rem!important}.gravity-padding-bottom-md{padding-bottom:1.5rem!important}.gravity-padding-left-md{padding-left:1.5rem!important}.gravity-padding-right-md{padding-right:1.5rem!important}.gravity-padding-block-md{padding-block:1.5rem!important}.gravity-padding-inline-md{padding-inline:1.5rem!important}.gravity-padding-lg{padding:2rem!important}.gravity-padding-top-lg{padding-top:2rem!important}.gravity-padding-bottom-lg{padding-bottom:2rem!important}.gravity-padding-left-lg{padding-left:2rem!important}.gravity-padding-right-lg{padding-right:2rem!important}.gravity-padding-block-lg{padding-block:2rem!important}.gravity-padding-inline-lg{padding-inline:2rem!important}.gravity-padding-xl{padding:2.5rem!important}.gravity-padding-top-xl{padding-top:2.5rem!important}.gravity-padding-bottom-xl{padding-bottom:2.5rem!important}.gravity-padding-left-xl{padding-left:2.5rem!important}.gravity-padding-right-xl{padding-right:2.5rem!important}.gravity-padding-block-xl{padding-block:2.5rem!important}.gravity-padding-inline-xl{padding-inline:2.5rem!important}.gravity-padding-xxl{padding:3rem!important}.gravity-padding-top-xxl{padding-top:3rem!important}.gravity-padding-bottom-xxl{padding-bottom:3rem!important}.gravity-padding-left-xxl{padding-left:3rem!important}.gravity-padding-right-xxl{padding-right:3rem!important}.gravity-padding-block-xxl{padding-block:3rem!important}.gravity-padding-inline-xxl{padding-inline:3rem!important}.gravity-padding-xxxl{padding:4rem!important}.gravity-padding-top-xxxl{padding-top:4rem!important}.gravity-padding-bottom-xxxl{padding-bottom:4rem!important}.gravity-padding-left-xxxl{padding-left:4rem!important}.gravity-padding-right-xxxl{padding-right:4rem!important}.gravity-padding-block-xxxl{padding-block:4rem!important}.gravity-padding-inline-xxxl{padding-inline:4rem!important}.gravity-padding-xxxxl{padding:6rem!important}.gravity-padding-top-xxxxl{padding-top:6rem!important}.gravity-padding-bottom-xxxxl{padding-bottom:6rem!important}.gravity-padding-left-xxxxl{padding-left:6rem!important}.gravity-padding-right-xxxxl{padding-right:6rem!important}.gravity-padding-block-xxxxl{padding-block:6rem!important}.gravity-padding-inline-xxxxl{padding-inline:6rem!important}.gravity-padding-xxxxxl{padding:12rem!important}.gravity-padding-top-xxxxxl{padding-top:12rem!important}.gravity-padding-bottom-xxxxxl{padding-bottom:12rem!important}.gravity-padding-left-xxxxxl{padding-left:12rem!important}.gravity-padding-right-xxxxxl{padding-right:12rem!important}.gravity-padding-block-xxxxxl{padding-block:12rem!important}.gravity-padding-inline-xxxxxl{padding-inline:12rem!important}.gravity-margin-none{margin:0!important}.gravity-margin-top-none{margin-top:0!important}.gravity-margin-bottom-none{margin-bottom:0!important}.gravity-margin-left-none{margin-left:0!important}.gravity-margin-right-none{margin-right:0!important}.gravity-margin-block-none{margin-block:0!important}.gravity-margin-inline-none{margin-inline:0!important}.gravity-margin-xxs{margin:.25rem!important}.gravity-margin-top-xxs{margin-top:.25rem!important}.gravity-margin-bottom-xxs{margin-bottom:.25rem!important}.gravity-margin-left-xxs{margin-left:.25rem!important}.gravity-margin-right-xxs{margin-right:.25rem!important}.gravity-margin-block-xxs{margin-block:.25rem!important}.gravity-margin-inline-xxs{margin-inline:.25rem!important}.gravity-margin-xs{margin:.5rem!important}.gravity-margin-top-xs{margin-top:.5rem!important}.gravity-margin-bottom-xs{margin-bottom:.5rem!important}.gravity-margin-left-xs{margin-left:.5rem!important}.gravity-margin-right-xs{margin-right:.5rem!important}.gravity-margin-block-xs{margin-block:.5rem!important}.gravity-margin-inline-xs{margin-inline:.5rem!important}.gravity-margin-sm{margin:1rem!important}.gravity-margin-top-sm{margin-top:1rem!important}.gravity-margin-bottom-sm{margin-bottom:1rem!important}.gravity-margin-left-sm{margin-left:1rem!important}.gravity-margin-right-sm{margin-right:1rem!important}.gravity-margin-block-sm{margin-block:1rem!important}.gravity-margin-inline-sm{margin-inline:1rem!important}.gravity-margin-md{margin:1.5rem!important}.gravity-margin-top-md{margin-top:1.5rem!important}.gravity-margin-bottom-md{margin-bottom:1.5rem!important}.gravity-margin-left-md{margin-left:1.5rem!important}.gravity-margin-right-md{margin-right:1.5rem!important}.gravity-margin-block-md{margin-block:1.5rem!important}.gravity-margin-inline-md{margin-inline:1.5rem!important}.gravity-margin-lg{margin:2rem!important}.gravity-margin-top-lg{margin-top:2rem!important}.gravity-margin-bottom-lg{margin-bottom:2rem!important}.gravity-margin-left-lg{margin-left:2rem!important}.gravity-margin-right-lg{margin-right:2rem!important}.gravity-margin-block-lg{margin-block:2rem!important}.gravity-margin-inline-lg{margin-inline:2rem!important}.gravity-margin-xl{margin:2.5rem!important}.gravity-margin-top-xl{margin-top:2.5rem!important}.gravity-margin-bottom-xl{margin-bottom:2.5rem!important}.gravity-margin-left-xl{margin-left:2.5rem!important}.gravity-margin-right-xl{margin-right:2.5rem!important}.gravity-margin-block-xl{margin-block:2.5rem!important}.gravity-margin-inline-xl{margin-inline:2.5rem!important}.gravity-margin-xxl{margin:3rem!important}.gravity-margin-top-xxl{margin-top:3rem!important}.gravity-margin-bottom-xxl{margin-bottom:3rem!important}.gravity-margin-left-xxl{margin-left:3rem!important}.gravity-margin-right-xxl{margin-right:3rem!important}.gravity-margin-block-xxl{margin-block:3rem!important}.gravity-margin-inline-xxl{margin-inline:3rem!important}.gravity-margin-xxxl{margin:4rem!important}.gravity-margin-top-xxxl{margin-top:4rem!important}.gravity-margin-bottom-xxxl{margin-bottom:4rem!important}.gravity-margin-left-xxxl{margin-left:4rem!important}.gravity-margin-right-xxxl{margin-right:4rem!important}.gravity-margin-block-xxxl{margin-block:4rem!important}.gravity-margin-inline-xxxl{margin-inline:4rem!important}.gravity-margin-xxxxl{margin:6rem!important}.gravity-margin-top-xxxxl{margin-top:6rem!important}.gravity-margin-bottom-xxxxl{margin-bottom:6rem!important}.gravity-margin-left-xxxxl{margin-left:6rem!important}.gravity-margin-right-xxxxl{margin-right:6rem!important}.gravity-margin-block-xxxxl{margin-block:6rem!important}.gravity-margin-inline-xxxxl{margin-inline:6rem!important}.gravity-margin-xxxxxl{margin:12rem!important}.gravity-margin-top-xxxxxl{margin-top:12rem!important}.gravity-margin-bottom-xxxxxl{margin-bottom:12rem!important}.gravity-margin-left-xxxxxl{margin-left:12rem!important}.gravity-margin-right-xxxxxl{margin-right:12rem!important}.gravity-margin-block-xxxxxl{margin-block:12rem!important}.gravity-margin-inline-xxxxxl{margin-inline:12rem!important}.border-radius-none{border-radius:0}.border-radius-xs{border-radius:.0625rem}.border-radius-sm{border-radius:.3125rem}.border-radius-md{border-radius:.625rem}.border-radius-lg{border-radius:.9375rem}.border-radius-xl{border-radius:1.25rem}.border-radius-xxl{border-radius:2rem}.border-radius-rounded{border-radius:6.25rem}.gravity-modal-cover{top:0;left:0;width:100%;height:100%;z-index:999;position:fixed;opacity:var(--surface-opacity);background-color:var(--surface-tertiary)}.gravity-modal-container{top:50%;left:50%;width:100%;height:auto;z-index:1000;display:flex;position:fixed;min-width:288px;max-width:540px;align-items:center;flex-direction:column;gap:var(--gravity-spacing-sm);transform:translate(-50%,-50%);border-radius:.625rem;padding:var(--gravity-spacing-md);background-color:var(--surface-secondary);box-shadow:0 4px 13px #090b10d9}.gravity-modal-container .modal-header{width:100%;display:flex;flex-direction:column;padding-bottom:var(--gravity-spacing-sm);border-bottom:solid 1px var(--positive-primary)}.gravity-modal-container .modal-header .title{display:flex;align-items:center}.gravity-modal-container .modal-header .title gravity-icon{margin-right:var(--gravity-spacing-xs)}.gravity-modal-container .modal-header .close-button{cursor:pointer;position:absolute;right:var(--gravity-spacing-md);top:var(--gravity-spacing-md)}.gravity-modal-container .modal-body{width:100%;overflow-y:auto;max-height:calc(80vh - 120px)}.gravity-modal-container .modal-footer{width:100%;display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gravity-spacing-sm);padding-top:var(--gravity-spacing-sm)}\n"] }]
24
+ }], propDecorators: { title: [{
25
+ type: Input
26
+ }], mainText: [{
27
+ type: Input
28
+ }], preTitle: [{
29
+ type: Input
30
+ }], subTitle: [{
31
+ type: Input
32
+ }], secondaryText: [{
33
+ type: Input
34
+ }], isVisible: [{
35
+ type: Input
36
+ }], primaryBtnText: [{
37
+ type: Input
38
+ }], primaryBtnIcon: [{
39
+ type: Input
40
+ }], secondaryBtnTxt: [{
41
+ type: Input
42
+ }], secondaryBtnIcon: [{
43
+ type: Input
44
+ }], iconPosition: [{
45
+ type: Input
46
+ }], link: [{
47
+ type: Input
48
+ }], linkText: [{
49
+ type: Input
50
+ }], linkIcon: [{
51
+ type: Input
52
+ }], linkState: [{
53
+ type: Input
54
+ }], primaryBtnCallback: [{
55
+ type: Input
56
+ }], secondaryBtnCallback: [{
57
+ type: Input
58
+ }], close: [{
59
+ type: Output
60
+ }] } });
61
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbW9kYWwvZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbW9kYWwvZ3Jhdml0eS1tb2RhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFPckUsTUFBTSxPQUFPLHFCQUFxQjtJQUxsQztRQVlrQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBTTNCLGlCQUFZLEdBQXNCLE1BQU0sQ0FBQztRQUt6QyxjQUFTLEdBQWtELFFBQVEsQ0FBQztRQUsxRSxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQU14QixZQUFPLEdBQUcsT0FBTyxDQUFDO0tBQ3RDO0lBTEMsVUFBVTtRQUNSLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQzsrR0EzQlUscUJBQXFCO21HQUFyQixxQkFBcUIsOGpCQ1BsQywrN0RBcUNBOzs0RkQ5QmEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGVBQWU7OEJBTVQsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxhQUFhO3NCQUE1QixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBRVUsY0FBYztzQkFBN0IsS0FBSztnQkFDVSxjQUFjO3NCQUE3QixLQUFLO2dCQUNVLGVBQWU7c0JBQTlCLEtBQUs7Z0JBQ1UsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUNVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBRVUsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFFRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQUVJLEtBQUs7c0JBQWQsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdncmF2aXR5LW1vZGFsJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktbW9kYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LW1vZGFsLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eU1vZGFsQ29tcG9uZW50IHtcbiAgLy9Db21wb25lbnQgcHJvcGVydGllc1xuICBASW5wdXQoKSBwdWJsaWMgdGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIG1haW5UZXh0OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBwcmVUaXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc3ViVGl0bGU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNlY29uZGFyeVRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGlzVmlzaWJsZTogYm9vbGVhbiA9IGZhbHNlO1xuICAvL0J1dHRvbnMgcHJvcGVydGllc1xuICBASW5wdXQoKSBwdWJsaWMgcHJpbWFyeUJ0blRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHByaW1hcnlCdG5JY29uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBzZWNvbmRhcnlCdG5UeHQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNlY29uZGFyeUJ0bkljb246IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25Qb3NpdGlvbiA6ICdyaWdodCcgfCAnbGVmdCcgPSAnbGVmdCc7XG4gIC8vIExpbmsgcHJvcGVydGllc1xuICBASW5wdXQoKSBwdWJsaWMgbGluazogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgbGlua1RleHQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGxpbmtJY29uOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBsaW5rU3RhdGU6ICdhY3RpdmUnIHwgJ3Zpc2l0ZWQnIHwgJ3ByZXNzZWQnIHwgJ2Rpc2FibGVkJyA9ICdhY3RpdmUnO1xuICAvLyBCdXR0b25zIGNhbGxiYWNrc1xuICBASW5wdXQoKSBwcmltYXJ5QnRuQ2FsbGJhY2s6ICgpID0+IHZvaWQ7XG4gIEBJbnB1dCgpIHNlY29uZGFyeUJ0bkNhbGxiYWNrOiAoKSA9PiB2b2lkO1xuXG4gIEBPdXRwdXQoKSBjbG9zZSA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBjbG9zZU1vZGFsKCkge1xuICAgIHRoaXMuY2xvc2UuZW1pdCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IG9uY2xvc2UgPSBvbmNsb3NlO1xufVxuIiwiPGRpdiAqbmdJZj1cImlzVmlzaWJsZVwiIGNsYXNzPVwiZ3Jhdml0eS1tb2RhbC1jb3ZlclwiPjwvZGl2PlxuPGRpdiAqbmdJZj1cImlzVmlzaWJsZVwiIGNsYXNzPVwiZ3Jhdml0eS1tb2RhbC1jb250YWluZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaHItYm9keS10ZXh0IHNtLXJlZ3VsYXJcIj57eyBwcmVUaXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLXBvc2l0aXZlLXByaW1hcnkpJ1wiIFtzaXplXT1cIidtZCdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvbk5hbWVdPVwiJ2NoZWNrJ1wiIFtpY29uU2l6ZV09XCInbWQtMTYnXCIgY2xhc3M9XCJpY29uLWxlZnRcIj5cbiAgICAgICAgICAgIDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICAgICAgPGgxIGNsYXNzPVwiaHItdGl0bGUgbWQtYm9sZFwiPnt7IHRpdGxlIH19PC9oMT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaHItYm9keS10ZXh0IHNtLXJlZ3VsYXJcIj57eyBzdWJUaXRsZSB9fTwvc3Bhbj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImNsb3NlLWJ1dHRvblwiPlxuICAgICAgICAgICAgPGdyYXZpdHktaWNvbiAgW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0taWNvbi1ob3Zlci1wcmltYXJ5KSdcIiBbc2l6ZV09XCInbWQnXCIgKGNsaWNrKT1cImNsb3NlTW9kYWwoKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImNsb3NlXCIgW2ljb25OYW1lXT1cIid1bnN1Y2Nlc3MnXCIgIFtpY29uU2l6ZV09XCInbWQtMTYnXCIgW3RpdGxlXT1cIidDbG9zZSdcIj5cbiAgICAgICAgICAgIDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxuICAgICAgICA8cCBjbGFzcz1cImhyLWJvZHktdGV4dCBzbS1yZWd1bGFyIGdyYXZpdHktbWFyZ2luLWJvdHRvbS1zbVwiPnt7IG1haW5UZXh0IH19PC9wPlxuICAgICAgICA8cCBjbGFzcz1cImhyLWJvZHktdGV4dCBzbS1yZWd1bGFyXCI+e3sgc2Vjb25kYXJ5VGV4dCB9fTwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtZm9vdGVyXCI+XG4gICAgICAgIDxncmF2aXR5LWJ1dHRvbiBbY3VzdG9tU3RhdGVdPVwiJ2FjdGl2ZSdcIiBbaWNvbk5hbWVdPVwicHJpbWFyeUJ0bkljb25cIiBbc2l6ZV09XCInc20nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0eXBlXT1cIidwcmltYXJ5J1wiIFtpY29uUG9zaXRpb25dPVwiaWNvblBvc2l0aW9uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJwcmltYXJ5QnRuQ2FsbGJhY2soKVwiPnt7IHByaW1hcnlCdG5UZXh0IH19XG4gICAgICAgIDwvZ3Jhdml0eS1idXR0b24+XG4gICAgICAgIDxncmF2aXR5LWJ1dHRvbiBbY3VzdG9tU3RhdGVdPVwiJ2FjdGl2ZSdcIiBbaWNvbk5hbWVdPVwic2Vjb25kYXJ5QnRuSWNvblwiIFtzaXplXT1cIidzbSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW3R5cGVdPVwiJ3RlcnRpYXJ5J1wiICBbaWNvblBvc2l0aW9uXT1cImljb25Qb3NpdGlvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwic2Vjb25kYXJ5QnRuQ2FsbGJhY2soKVwiPnt7IHNlY29uZGFyeUJ0blR4dCB9fVxuICAgICAgICA8L2dyYXZpdHktYnV0dG9uPlxuICAgICAgICA8Z3Jhdml0eS1saW5rIFtsaW5rVGV4dF09XCJsaW5rVGV4dFwiIFtpY29uTmFtZV09XCJsaW5rSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgW2ljb25Qb3NpdGlvbl09XCJpY29uUG9zaXRpb25cIiBbc3RhdGVdPVwibGlua1N0YXRlXCIgW2xpbmtdPVwibGlua1wiPlxuICAgICAgICA8L2dyYXZpdHktbGluaz5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuXG5cbiJdfQ==