@progressio_resources/gravity-design-system 4.0.26 → 4.0.27

package/esm2022/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.mjs

@@ -1,138 +0,0 @@
-import { FilterByPipe } from "../gravity-dropdown-list/filter-by.pipe";
-import { Component, EventEmitter, HostListener, Input, Output, ViewChild } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../gravity-dropdown-list/filter-by.pipe";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "../gravity-currency-display/gravity-currency-display.component";
-import * as i5 from "../gravity-icon/gravity-icon.component";
-export class GravityDropdownListDisplayComponent {
-    set watch(searchInput) {
-        if (searchInput) {
-            searchInput.nativeElement.focus();
-        }
-    }
-    ;
-    constructor(filterByPipe, _eref) {
-        this.filterByPipe = filterByPipe;
-        this._eref = _eref;
-        this.selectedItemsResponse = new EventEmitter();
-        this.currentLang = 'en';
-        this.isReadonly = false;
-        this.isDisabled = false;
-        this.disableSearch = false;
-        this.items = [];
-        // Size and Width
-        this.size = 'md';
-        this.width = 'standard';
-        this.availableOptions = [];
-        this.dropdownOpened = false;
-        this.searchText = '';
-        this.selectedItems = [];
-    }
-    ngOnInit() {
-        this.loadItems();
-        this.availableOptions = this.items;
-        if (this.defaultSelectedItemIndex != null) {
-            this.selectItem(this.items[this.defaultSelectedItemIndex]);
-        }
-    }
-    loadItems() {
-        this.availableOptions.forEach(item => {
-            item.is_expanded = false;
-            if (item.sub_items) {
-                item.sub_items.forEach(subItem => {
-                    subItem.is_expanded = false;
-                });
-            }
-        });
-    }
-    getStatus() {
-        if (this.isReadonly) {
-            return 'readonly';
-        }
-        else if (this.isDisabled) {
-            return 'disabled';
-        }
-        else if (this.dropdownOpened) {
-            return 'open';
-        }
-        else if (this.selectedItems.length > 0) {
-            return 'selected';
-        }
-        else {
-            return 'closed';
-        }
-    }
-    toggleDropdown() {
-        if (!this.isReadonly) {
-            this.dropdownOpened = !this.dropdownOpened;
-            if (!this.dropdownOpened) {
-                if (this.selectedItems[0]) {
-                    this.selectedItemsResponse.emit(this.selectedItems[0]);
-                }
-                this.searchText = '';
-                this.availableOptions = this.items;
-            }
-        }
-    }
-    selectItem(itemToAdd) {
-        this.selectedItem = itemToAdd;
-        this.selectedItems = [itemToAdd];
-        this.toggleDropdown();
-    }
-    checkIfSelected(itemToFind) {
-        return !!this.selectedItems.find((item) => itemToFind == item);
-    }
-    filterItems() {
-        this.availableOptions = this.filterByPipe.transform(this.items, this.searchText);
-    }
-    onDocumentClick($event) {
-        if (!this._eref.nativeElement.contains($event.target) && this.dropdownOpened) {
-            this.dropdownOpened = false;
-            if (this.selectedItems[0]) {
-                this.selectedItemsResponse.emit(this.selectedItems[0]);
-            }
-            this.searchText = '';
-            this.availableOptions = this.items;
-        }
-    }
-    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 }); }
-    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", isDisabled: "isDisabled", customValues: "customValues", disableSearch: "disableSearch", 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: "<div [attr.data-cy]=\"cypressTag\" class=\"gravity-input-field {{size}} {{width}}-width {{getStatus()}}\"\n     (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                    [type]=\"'explicit'\" [size]=\"'md'\" [showNetworkIcon]=\"false\" [alignment]=\"'invert'\" [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            </gravity-currency-display>\n        </ng-container>\n    </p>\n\n    <gravity-icon class=\"right\" [iconName]=\"dropdownOpened ? 'arrow-up': 'arrow-down'\" [iconSize]=\"'md-16'\"\n                  *ngIf=\"!isReadonly\"></gravity-icon>\n    <div class=\"dropdown-panel\" (click)=\"$event.stopPropagation()\" *ngIf=\"dropdownOpened\"\n         [attr.data-cy]=\"cypressTag + '_panel'\">\n\n        <div class=\"search-input\" [class.disabled]=\"disableSearch\">\n            <gravity-icon [style.--icon-color]=\"disableSearch ? 'var(--on-bg-disabled)' : null\"\n                          class=\"search-icon\" [iconName]=\"'search'\" [iconSize]=\"'sm-12'\">\n            </gravity-icon>\n            <input autocomplete=\"off\" class=\"hr-label {{size}}-regular\" (input)=\"filterItems()\"\n                   [attr.data-cy]=\"cypressTag + '_search_input'\" #searchInput [disabled]=\"disableSearch\"\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\">\n            </gravity-icon>\n        </div>\n\n        <div class=\"items-container\">\n            <div class=\"items\">\n                <div class=\"item-container\" *ngFor=\"let item of availableOptions\" [class.expanded]=\"item.is_expanded\">\n                    <div class=\"hr-label item {{size}}-regular pointer\" [class.disabled]=\"item?.disabled\"\n                         [class.selected]=\"item.sub_items?.length > 0 ? null : checkIfSelected(item)\"\n                         (click)=\"item.sub_items?.length > 0 ? item.is_expanded = !item.is_expanded : selectItem(item)\">\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                                [showNetworkIcon]=\"false\" [alignment]=\"'invert'\" [disabled]=\"item?.disabled\">\n                        </gravity-currency-display>\n\n                        <span *ngIf=\"!item.sub_items\" class=\"hr-body sm-regular gravity-margin-right-sm currency-info\">\n                            {{ item?.balance_amount }} {{ item?.balance_currency }}\n                        </span>\n\n                        <gravity-icon *ngIf=\"item.sub_items?.length > 0 && item?.disabled !== true\" class=\"pointer expand-icon\"\n                                      [iconSize]=\"'sm-12'\" [iconName]=\"item.is_expanded ? 'arrow-up' : 'arrow-down'\">\n                        </gravity-icon>\n                    </div>\n\n                    <ng-container *ngIf=\"item.is_expanded && item.sub_items\">\n                        <div class=\"hr-label item {{size}}-regular pointer\" *ngFor=\"let subItem of item.sub_items\"\n                             [class.selected]=\"checkIfSelected(subItem)\" (click)=\"selectItem(subItem)\" [class.disabled]=\"subItem?.disabled\">\n\n                            <div class=\"subitem-line\"></div>\n                            <gravity-currency-display\n                                    [currency]=\"{currency_id: subItem.currency_id, currency_name: subItem.currency_name, currency_iso: subItem.currency_iso,\n                                        network_id: subItem.network_id, network_iso: subItem.network_iso}\" [type]=\"'explicit'\" [size]=\"size\"\n                                    [showNetworkIcon]=\"false\" [alignment]=\"'invert'\" [disabled]=\"subItem?.disabled\">\n                            </gravity-currency-display>\n\n                            <span class=\"hr-body sm-regular gravity-margin-right-sm currency-info\">\n                                    {{ subItem.balance_amount }} {{ subItem.balance_currency }}\n                                </span>\n                        </div>\n                    </ng-container>\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' }}\n        : {{ 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: 502px}.gravity-input-field.closed{--text-field-input-field-border-width: 2px;--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: 2px;--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.disabled{cursor:default;pointer-events:none;--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--on-bg-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-border-color: var(--outline-disabled)}.gravity-input-field.selected{--text-field-input-field-border-width: 2px;--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.selected ::ng-deep gravity-currency-display gravity-network-pill .gravity-network-pill.primary{background-color:var(--surface-secondary)}.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)}.gravity-input-field:not(.readonly):hover{--text-field-input-field-border-width: 2px;--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:not(.readonly):hover ::ng-deep gravity-currency-display gravity-network-pill .gravity-network-pill.primary{background-color:var(--surface-primary)}.dropdown-panel{left:-2px;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(--outline-field-full-enabled-pressed-primary)}.dropdown-panel .search-input search-input:focus-within{border-bottom:1px solid var(--text-primary)}.dropdown-panel .search-input.disabled{border-bottom:1px solid var(--outline-disabled)}.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(--gravity-spacing-xxs);padding:0 var(--dropdown-items-padding);max-height:var(--dropdown-cd-items-container-height)}.dropdown-panel .items-container .items .item-container.expanded{display:grid;gap:var(--gravity-spacing-xxs);border-bottom:1px solid var(--bg-disabled)}.dropdown-panel .items-container .items .item-container .item{height:61px;display:flex;cursor:pointer;position:relative;white-space:nowrap;align-items:flex-end;justify-content:space-between;padding:.75rem var(--gravity-spacing-sm);color:var(--label-text-full-enabled-primary)}.dropdown-panel .items-container .items .item-container .item .expand-icon{position:absolute;top:var(--gravity-spacing-md);right:var(--gravity-spacing-sm)}.dropdown-panel .items-container .items .item-container .item .subitem-line{top:-18px;height:40px;position:absolute;border-left:1px solid var(--on-bg-disabled);left:calc(var(--gravity-spacing-md) + var(--gravity-spacing-xxs))}.dropdown-panel .items-container .items .item-container .item:hover:not(.no-results):not(.disabled),.dropdown-panel .items-container .items .item-container .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-container .item:hover:not(.no-results):not(.disabled) ::ng-deep gravity-currency-display gravity-network-pill .gravity-network-pill.primary,.dropdown-panel .items-container .items .item-container .item.selected ::ng-deep gravity-currency-display gravity-network-pill .gravity-network-pill.primary{background-color:var(--surface-secondary)!important}.dropdown-panel .items-container .items .item-container .item.disabled{cursor:default;pointer-events:none}.dropdown-panel .items-container .items .item-container .item.disabled .currency-info{color:var(--on-bg-disabled)}.dropdown-panel .items-container .items .item-container .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: ["disabled", "cypressTag", "size", "showNetworkIcon", "type", "alignment", "currency"] }, { kind: "component", type: i5.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDropdownListDisplayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gravity-dropdown-list-display', providers: [FilterByPipe], standalone: false, template: "<div [attr.data-cy]=\"cypressTag\" class=\"gravity-input-field {{size}} {{width}}-width {{getStatus()}}\"\n     (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                    [type]=\"'explicit'\" [size]=\"'md'\" [showNetworkIcon]=\"false\" [alignment]=\"'invert'\" [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            </gravity-currency-display>\n        </ng-container>\n    </p>\n\n    <gravity-icon class=\"right\" [iconName]=\"dropdownOpened ? 'arrow-up': 'arrow-down'\" [iconSize]=\"'md-16'\"\n                  *ngIf=\"!isReadonly\"></gravity-icon>\n    <div class=\"dropdown-panel\" (click)=\"$event.stopPropagation()\" *ngIf=\"dropdownOpened\"\n         [attr.data-cy]=\"cypressTag + '_panel'\">\n\n        <div class=\"search-input\" [class.disabled]=\"disableSearch\">\n            <gravity-icon [style.--icon-color]=\"disableSearch ? 'var(--on-bg-disabled)' : null\"\n                          class=\"search-icon\" [iconName]=\"'search'\" [iconSize]=\"'sm-12'\">\n            </gravity-icon>\n            <input autocomplete=\"off\" class=\"hr-label {{size}}-regular\" (input)=\"filterItems()\"\n                   [attr.data-cy]=\"cypressTag + '_search_input'\" #searchInput [disabled]=\"disableSearch\"\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\">\n            </gravity-icon>\n        </div>\n\n        <div class=\"items-container\">\n            <div class=\"items\">\n                <div class=\"item-container\" *ngFor=\"let item of availableOptions\" [class.expanded]=\"item.is_expanded\">\n                    <div class=\"hr-label item {{size}}-regular pointer\" [class.disabled]=\"item?.disabled\"\n                         [class.selected]=\"item.sub_items?.length > 0 ? null : checkIfSelected(item)\"\n                         (click)=\"item.sub_items?.length > 0 ? item.is_expanded = !item.is_expanded : selectItem(item)\">\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                                [showNetworkIcon]=\"false\" [alignment]=\"'invert'\" [disabled]=\"item?.disabled\">\n                        </gravity-currency-display>\n\n                        <span *ngIf=\"!item.sub_items\" class=\"hr-body sm-regular gravity-margin-right-sm currency-info\">\n                            {{ item?.balance_amount }} {{ item?.balance_currency }}\n                        </span>\n\n                        <gravity-icon *ngIf=\"item.sub_items?.length > 0 && item?.disabled !== true\" class=\"pointer expand-icon\"\n                                      [iconSize]=\"'sm-12'\" [iconName]=\"item.is_expanded ? 'arrow-up' : 'arrow-down'\">\n                        </gravity-icon>\n                    </div>\n\n                    <ng-container *ngIf=\"item.is_expanded && item.sub_items\">\n                        <div class=\"hr-label item {{size}}-regular pointer\" *ngFor=\"let subItem of item.sub_items\"\n                             [class.selected]=\"checkIfSelected(subItem)\" (click)=\"selectItem(subItem)\" [class.disabled]=\"subItem?.disabled\">\n\n                            <div class=\"subitem-line\"></div>\n                            <gravity-currency-display\n                                    [currency]=\"{currency_id: subItem.currency_id, currency_name: subItem.currency_name, currency_iso: subItem.currency_iso,\n                                        network_id: subItem.network_id, network_iso: subItem.network_iso}\" [type]=\"'explicit'\" [size]=\"size\"\n                                    [showNetworkIcon]=\"false\" [alignment]=\"'invert'\" [disabled]=\"subItem?.disabled\">\n                            </gravity-currency-display>\n\n                            <span class=\"hr-body sm-regular gravity-margin-right-sm currency-info\">\n                                    {{ subItem.balance_amount }} {{ subItem.balance_currency }}\n                                </span>\n                        </div>\n                    </ng-container>\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' }}\n        : {{ 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: 502px}.gravity-input-field.closed{--text-field-input-field-border-width: 2px;--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: 2px;--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.disabled{cursor:default;pointer-events:none;--text-field-input-field-border-width: 1px;--text-field-input-field-icon-color: var(--on-bg-disabled);--text-field-input-field-content-color: var(--on-bg-disabled);--text-field-input-field-border-color: var(--outline-disabled)}.gravity-input-field.selected{--text-field-input-field-border-width: 2px;--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.selected ::ng-deep gravity-currency-display gravity-network-pill .gravity-network-pill.primary{background-color:var(--surface-secondary)}.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)}.gravity-input-field:not(.readonly):hover{--text-field-input-field-border-width: 2px;--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:not(.readonly):hover ::ng-deep gravity-currency-display gravity-network-pill .gravity-network-pill.primary{background-color:var(--surface-primary)}.dropdown-panel{left:-2px;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(--outline-field-full-enabled-pressed-primary)}.dropdown-panel .search-input search-input:focus-within{border-bottom:1px solid var(--text-primary)}.dropdown-panel .search-input.disabled{border-bottom:1px solid var(--outline-disabled)}.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(--gravity-spacing-xxs);padding:0 var(--dropdown-items-padding);max-height:var(--dropdown-cd-items-container-height)}.dropdown-panel .items-container .items .item-container.expanded{display:grid;gap:var(--gravity-spacing-xxs);border-bottom:1px solid var(--bg-disabled)}.dropdown-panel .items-container .items .item-container .item{height:61px;display:flex;cursor:pointer;position:relative;white-space:nowrap;align-items:flex-end;justify-content:space-between;padding:.75rem var(--gravity-spacing-sm);color:var(--label-text-full-enabled-primary)}.dropdown-panel .items-container .items .item-container .item .expand-icon{position:absolute;top:var(--gravity-spacing-md);right:var(--gravity-spacing-sm)}.dropdown-panel .items-container .items .item-container .item .subitem-line{top:-18px;height:40px;position:absolute;border-left:1px solid var(--on-bg-disabled);left:calc(var(--gravity-spacing-md) + var(--gravity-spacing-xxs))}.dropdown-panel .items-container .items .item-container .item:hover:not(.no-results):not(.disabled),.dropdown-panel .items-container .items .item-container .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-container .item:hover:not(.no-results):not(.disabled) ::ng-deep gravity-currency-display gravity-network-pill .gravity-network-pill.primary,.dropdown-panel .items-container .items .item-container .item.selected ::ng-deep gravity-currency-display gravity-network-pill .gravity-network-pill.primary{background-color:var(--surface-secondary)!important}.dropdown-panel .items-container .items .item-container .item.disabled{cursor:default;pointer-events:none}.dropdown-panel .items-container .items .item-container .item.disabled .currency-info{color:var(--on-bg-disabled)}.dropdown-panel .items-container .items .item-container .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"] }]
-        }], ctorParameters: function () { return [{ type: i1.FilterByPipe }, { type: i0.ElementRef }]; }, propDecorators: { selectedItemsResponse: [{
-                type: Output,
-                args: ['response']
-            }], cypressTag: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], currentLang: [{
-                type: Input
-            }], isReadonly: [{
-                type: Input
-            }], isDisabled: [{
-                type: Input
-            }], customValues: [{
-                type: Input
-            }], disableSearch: [{
-                type: Input
-            }], defaultSelectedItemIndex: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], watch: [{
-                type: ViewChild,
-                args: ['searchInput']
-            }], onDocumentClick: [{
-                type: HostListener,
-                args: ['document:click', ['$event']]
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1kcm9wZG93bi1saXN0LWRpc3BsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWRyb3Bkb3duLWxpc3QtZGlzcGxheS9ncmF2aXR5LWRyb3Bkb3duLWxpc3QtZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5L2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQztBQUNyRSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFTbEgsTUFBTSxPQUFPLG1DQUFtQztJQW1COUMsSUFDSSxLQUFLLENBQUMsV0FBeUM7UUFDakQsSUFBSSxXQUFXLEVBQUU7WUFDZixXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ25DO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFPRixZQUE2QixZQUEwQixFQUFVLEtBQWlCO1FBQXJELGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQVUsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQTlCdkQsMEJBQXFCLEdBQThCLElBQUksWUFBWSxFQUFFLENBQUM7UUFJakYsZ0JBQVcsR0FBVyxJQUFJLENBQUM7UUFDM0IsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBRTVCLGtCQUFhLEdBQVksS0FBSyxDQUFDO1FBRS9CLFVBQUssR0FBMkIsRUFBRSxDQUFDO1FBRW5ELGlCQUFpQjtRQUNELFNBQUksR0FBUyxJQUFJLENBQUM7UUFDbEIsVUFBSyxHQUFlLFVBQVUsQ0FBQztRQVd4QyxxQkFBZ0IsR0FBVSxFQUFFLENBQUM7UUFDN0IsbUJBQWMsR0FBWSxLQUFLLENBQUM7UUFDaEMsZUFBVSxHQUFXLEVBQUUsQ0FBQztRQUN4QixrQkFBYSxHQUFVLEVBQUUsQ0FBQztJQUVvRCxDQUFDO0lBRXRGLFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDbkMsSUFBRyxJQUFJLENBQUMsd0JBQXdCLElBQUksSUFBSSxFQUFDO1lBQ3ZDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsd0JBQXdCLENBQUMsQ0FBQyxDQUFDO1NBQzVEO0lBQ0gsQ0FBQztJQUVPLFNBQVM7UUFDZixJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFO1lBQ25DLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1lBQ3pCLElBQUksSUFBSSxDQUFDLFNBQVMsRUFBRTtnQkFDbEIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7b0JBQy9CLE9BQU8sQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO2dCQUM5QixDQUFDLENBQUMsQ0FBQzthQUNKO1FBQ0gsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sU0FBUztRQUNkLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNuQixPQUFPLFVBQVUsQ0FBQztTQUNuQjthQUFNLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUMxQixPQUFPLFVBQVUsQ0FBQTtTQUNsQjthQUFNLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUM5QixPQUFPLE1BQU0sQ0FBQztTQUNmO2FBQU0sSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7WUFDeEMsT0FBTyxVQUFVLENBQUM7U0FDbkI7YUFBTTtZQUNMLE9BQU8sUUFBUSxDQUFDO1NBQ2pCO0lBQ0gsQ0FBQztJQUVNLGNBQWM7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDcEIsSUFBSSxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUM7WUFDM0MsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUU7Z0JBQ3RCLElBQUksSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRTtvQkFDekIsSUFBSSxDQUFDLHFCQUFxQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7aUJBQ3hEO2dCQUNILElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO2dCQUNyQixJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQzthQUNwQztTQUNGO0lBQ0gsQ0FBQztJQUVNLFVBQVUsQ0FBQyxTQUFjO1FBQzVCLElBQUksQ0FBQyxZQUFZLEdBQUcsU0FBUyxDQUFDO1FBQzlCLElBQUksQ0FBQyxhQUFhLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsY0FBYyxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVNLGVBQWUsQ0FBQyxVQUFlO1FBQ3BDLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBUyxFQUFFLEVBQUUsQ0FBQyxVQUFVLElBQUksSUFBSSxDQUFDLENBQUM7SUFDdEUsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ25GLENBQUM7SUFFMkMsZUFBZSxDQUFDLE1BQW9CO1FBQzlFLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDNUUsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUM7WUFDNUIsSUFBSSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUN6QixJQUFJLENBQUMscUJBQXFCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUN4RDtZQUNELElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1NBQ3BDO0lBQ0gsQ0FBQzsrR0F0R1UsbUNBQW1DO21HQUFuQyxtQ0FBbUMsa2VBSGpDLENBQUMsWUFBWSxDQUFDLGdJQ1I3QixxK0tBc0ZBOzs0RkQzRWEsbUNBQW1DO2tCQVAvQyxTQUFTOytCQUNJLCtCQUErQixhQUc5QixDQUFDLFlBQVksQ0FBQyxjQUNiLEtBQUs7NEhBR1EscUJBQXFCO3NCQUEvQyxNQUFNO3VCQUFDLFVBQVU7Z0JBRUYsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFDVSx3QkFBd0I7c0JBQXZDLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFHVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBS0YsS0FBSztzQkFEUixTQUFTO3VCQUFDLGFBQWE7Z0JBMEVvQixlQUFlO3NCQUExRCxZQUFZO3VCQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtEaXNwbGF5Q3VycmVuY3lJdGVtc30gZnJvbSBcIi4vZGlzcGxheS1jdXJyZW5jeS1pdGVtc1wiO1xuaW1wb3J0IHtGaWx0ZXJCeVBpcGV9IGZyb20gXCIuLi9ncmF2aXR5LWRyb3Bkb3duLWxpc3QvZmlsdGVyLWJ5LnBpcGVcIjtcbmltcG9ydCB7Q29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE91dHB1dCwgVmlld0NoaWxkLCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5JyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1kcm9wZG93bi1saXN0LWRpc3BsYXkuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5LmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbRmlsdGVyQnlQaXBlXSxcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5RHJvcGRvd25MaXN0RGlzcGxheUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcbiAgQE91dHB1dCgncmVzcG9uc2UnKSBwdWJsaWMgc2VsZWN0ZWRJdGVtc1Jlc3BvbnNlOiBFdmVudEVtaXR0ZXI8YW55W10gfCBhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBjeXByZXNzVGFnOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBwbGFjZWhvbGRlcjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgY3VycmVudExhbmc6IHN0cmluZyA9ICdlbic7XG4gIEBJbnB1dCgpIHB1YmxpYyBpc1JlYWRvbmx5OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21WYWx1ZXM6IEFycmF5PGFueT4gfCBhbnk7XG4gIEBJbnB1dCgpIHB1YmxpYyBkaXNhYmxlU2VhcmNoOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBkZWZhdWx0U2VsZWN0ZWRJdGVtSW5kZXg6IG51bWJlcjtcbiAgQElucHV0KCkgcHVibGljIGl0ZW1zOiBEaXNwbGF5Q3VycmVuY3lJdGVtc1tdID0gW107XG5cbiAgLy8gU2l6ZSBhbmQgV2lkdGhcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdtZCcgPSAnbWQnO1xuICBASW5wdXQoKSBwdWJsaWMgd2lkdGg6ICdzdGFuZGFyZCcgPSAnc3RhbmRhcmQnO1xuXG4gIHB1YmxpYyBzZWxlY3RlZEl0ZW06IERpc3BsYXlDdXJyZW5jeUl0ZW1zO1xuXG4gIEBWaWV3Q2hpbGQoJ3NlYXJjaElucHV0JylcbiAgc2V0IHdhdGNoKHNlYXJjaElucHV0OiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+KSB7XG4gICAgaWYgKHNlYXJjaElucHV0KSB7XG4gICAgICBzZWFyY2hJbnB1dC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIHB1YmxpYyBhdmFpbGFibGVPcHRpb25zOiBhbnlbXSA9IFtdO1xuICBwdWJsaWMgZHJvcGRvd25PcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHVibGljIHNlYXJjaFRleHQ6IHN0cmluZyA9ICcnO1xuICBwdWJsaWMgc2VsZWN0ZWRJdGVtczogYW55W10gPSBbXTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGZpbHRlckJ5UGlwZTogRmlsdGVyQnlQaXBlLCBwcml2YXRlIF9lcmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMubG9hZEl0ZW1zKCk7XG4gICAgdGhpcy5hdmFpbGFibGVPcHRpb25zID0gdGhpcy5pdGVtcztcbiAgICBpZih0aGlzLmRlZmF1bHRTZWxlY3RlZEl0ZW1JbmRleCAhPSBudWxsKXtcbiAgICAgIHRoaXMuc2VsZWN0SXRlbSh0aGlzLml0ZW1zW3RoaXMuZGVmYXVsdFNlbGVjdGVkSXRlbUluZGV4XSk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBsb2FkSXRlbXMoKSB7XG4gICAgdGhpcy5hdmFpbGFibGVPcHRpb25zLmZvckVhY2goaXRlbSA9PiB7XG4gICAgICBpdGVtLmlzX2V4cGFuZGVkID0gZmFsc2U7XG4gICAgICBpZiAoaXRlbS5zdWJfaXRlbXMpIHtcbiAgICAgICAgaXRlbS5zdWJfaXRlbXMuZm9yRWFjaChzdWJJdGVtID0+IHtcbiAgICAgICAgICBzdWJJdGVtLmlzX2V4cGFuZGVkID0gZmFsc2U7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIGdldFN0YXR1cygpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmlzUmVhZG9ubHkpIHtcbiAgICAgIHJldHVybiAncmVhZG9ubHknO1xuICAgIH0gZWxzZSBpZiAodGhpcy5pc0Rpc2FibGVkKSB7XG4gICAgICByZXR1cm4gJ2Rpc2FibGVkJ1xuICAgIH0gZWxzZSBpZiAodGhpcy5kcm9wZG93bk9wZW5lZCkge1xuICAgICAgcmV0dXJuICdvcGVuJztcbiAgICB9IGVsc2UgaWYgKHRoaXMuc2VsZWN0ZWRJdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gJ3NlbGVjdGVkJztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuICdjbG9zZWQnO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyB0b2dnbGVEcm9wZG93bigpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaXNSZWFkb25seSkge1xuICAgICAgdGhpcy5kcm9wZG93bk9wZW5lZCA9ICF0aGlzLmRyb3Bkb3duT3BlbmVkO1xuICAgICAgaWYgKCF0aGlzLmRyb3Bkb3duT3BlbmVkKSB7XG4gICAgICAgICAgaWYgKHRoaXMuc2VsZWN0ZWRJdGVtc1swXSkge1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zUmVzcG9uc2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXNbMF0pO1xuICAgICAgICAgIH1cbiAgICAgICAgdGhpcy5zZWFyY2hUZXh0ID0gJyc7XG4gICAgICAgIHRoaXMuYXZhaWxhYmxlT3B0aW9ucyA9IHRoaXMuaXRlbXM7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHNlbGVjdEl0ZW0oaXRlbVRvQWRkOiBhbnkpOiB2b2lkIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtID0gaXRlbVRvQWRkO1xuICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gW2l0ZW1Ub0FkZF07XG4gICAgICB0aGlzLnRvZ2dsZURyb3Bkb3duKCk7XG4gIH1cblxuICBwdWJsaWMgY2hlY2tJZlNlbGVjdGVkKGl0ZW1Ub0ZpbmQ6IGFueSk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuc2VsZWN0ZWRJdGVtcy5maW5kKChpdGVtOiBhbnkpID0+IGl0ZW1Ub0ZpbmQgPT0gaXRlbSk7XG4gIH1cblxuICBwdWJsaWMgZmlsdGVySXRlbXMoKTogdm9pZCB7XG4gICAgdGhpcy5hdmFpbGFibGVPcHRpb25zID0gdGhpcy5maWx0ZXJCeVBpcGUudHJhbnNmb3JtKHRoaXMuaXRlbXMsIHRoaXMuc2VhcmNoVGV4dCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pIG9uRG9jdW1lbnRDbGljaygkZXZlbnQ6IFBvaW50ZXJFdmVudCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5fZXJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKCRldmVudC50YXJnZXQpICYmIHRoaXMuZHJvcGRvd25PcGVuZWQpIHtcbiAgICAgIHRoaXMuZHJvcGRvd25PcGVuZWQgPSBmYWxzZTtcbiAgICAgIGlmICh0aGlzLnNlbGVjdGVkSXRlbXNbMF0pIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zUmVzcG9uc2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXNbMF0pO1xuICAgICAgfVxuICAgICAgdGhpcy5zZWFyY2hUZXh0ID0gJyc7XG4gICAgICB0aGlzLmF2YWlsYWJsZU9wdGlvbnMgPSB0aGlzLml0ZW1zO1xuICAgIH1cbiAgfVxuXG59IiwiPGRpdiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiBjbGFzcz1cImdyYXZpdHktaW5wdXQtZmllbGQge3tzaXplfX0ge3t3aWR0aH19LXdpZHRoIHt7Z2V0U3RhdHVzKCl9fVwiXG4gICAgIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bigpXCI+XG5cbiAgICA8cCBjbGFzcz1cImhyLWxhYmVsIHt7c2l6ZX19LXJlZ3VsYXIgdmFsdWVcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNlbGVjdGVkSXRlbXMubGVuZ3RoID09IDBcIj57eyBwbGFjZWhvbGRlciB9fTwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2VsZWN0ZWRJdGVtcy5sZW5ndGggPiAwXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5XG4gICAgICAgICAgICAgICAgICAgIFt0eXBlXT1cIidleHBsaWNpdCdcIiBbc2l6ZV09XCInbWQnXCIgW3Nob3dOZXR3b3JrSWNvbl09XCJmYWxzZVwiIFthbGlnbm1lbnRdPVwiJ2ludmVydCdcIiBbY3VycmVuY3ldPVwie2N1cnJlbmN5X2lkOiB0aGlzLnNlbGVjdGVkSXRlbS5jdXJyZW5jeV9pZCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnJlbmN5X25hbWU6IHRoaXMuc2VsZWN0ZWRJdGVtLmN1cnJlbmN5X25hbWUsXG4gICAgICAgICAgICAgICAgICAgICAgICBjdXJyZW5jeV9pc286IHRoaXMuc2VsZWN0ZWRJdGVtLmN1cnJlbmN5X2lzbyxcbiAgICAgICAgICAgICAgICAgICAgICAgIG5ldHdvcmtfaWQ6IHRoaXMuc2VsZWN0ZWRJdGVtLm5ldHdvcmtfaWQsXG4gICAgICAgICAgICAgICAgICAgICAgICBuZXR3b3JrX2lzbzogdGhpcy5zZWxlY3RlZEl0ZW0ubmV0d29ya19pc299XCI+XG4gICAgICAgICAgICA8L2dyYXZpdHktY3VycmVuY3ktZGlzcGxheT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9wPlxuXG4gICAgPGdyYXZpdHktaWNvbiBjbGFzcz1cInJpZ2h0XCIgW2ljb25OYW1lXT1cImRyb3Bkb3duT3BlbmVkID8gJ2Fycm93LXVwJzogJ2Fycm93LWRvd24nXCIgW2ljb25TaXplXT1cIidtZC0xNidcIlxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCIhaXNSZWFkb25seVwiPjwvZ3Jhdml0eS1pY29uPlxuICAgIDxkaXYgY2xhc3M9XCJkcm9wZG93bi1wYW5lbFwiIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcIiAqbmdJZj1cImRyb3Bkb3duT3BlbmVkXCJcbiAgICAgICAgIFthdHRyLmRhdGEtY3ldPVwiY3lwcmVzc1RhZyArICdfcGFuZWwnXCI+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNlYXJjaC1pbnB1dFwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlU2VhcmNoXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uIFtzdHlsZS4tLWljb24tY29sb3JdPVwiZGlzYWJsZVNlYXJjaCA/ICd2YXIoLS1vbi1iZy1kaXNhYmxlZCknIDogbnVsbFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2VhcmNoLWljb25cIiBbaWNvbk5hbWVdPVwiJ3NlYXJjaCdcIiBbaWNvblNpemVdPVwiJ3NtLTEyJ1wiPlxuICAgICAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgICAgICAgICA8aW5wdXQgYXV0b2NvbXBsZXRlPVwib2ZmXCIgY2xhc3M9XCJoci1sYWJlbCB7e3NpemV9fS1yZWd1bGFyXCIgKGlucHV0KT1cImZpbHRlckl0ZW1zKClcIlxuICAgICAgICAgICAgICAgICAgIFthdHRyLmRhdGEtY3ldPVwiY3lwcmVzc1RhZyArICdfc2VhcmNoX2lucHV0J1wiICNzZWFyY2hJbnB1dCBbZGlzYWJsZWRdPVwiZGlzYWJsZVNlYXJjaFwiXG4gICAgICAgICAgICAgICAgICAgWyhuZ01vZGVsKV09XCJzZWFyY2hUZXh0XCIgcGxhY2Vob2xkZXI9XCJ7e2N1cnJlbnRMYW5nID09ICdlcycgPyAnQnVzY2FyIG1vbmVkYScgOiAnU2VhcmNoIGN1cnJlbmN5J319XCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uIGNsYXNzPVwicG9pbnRlciByZXNldC1pY29uXCIgKGNsaWNrKT1cInNlYXJjaFRleHQgPSAnJzsgZmlsdGVySXRlbXMoKVwiIFtpY29uTmFtZV09XCIndW5zdWNjZXNzJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uU2l6ZV09XCInc20tMTInXCIgKm5nSWY9XCJzZWFyY2hUZXh0Py5sZW5ndGggPiAwXCI+XG4gICAgICAgICAgICA8L2dyYXZpdHktaWNvbj5cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW1zLWNvbnRhaW5lclwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW1zXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cIml0ZW0tY29udGFpbmVyXCIgKm5nRm9yPVwibGV0IGl0ZW0gb2YgYXZhaWxhYmxlT3B0aW9uc1wiIFtjbGFzcy5leHBhbmRlZF09XCJpdGVtLmlzX2V4cGFuZGVkXCI+XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJoci1sYWJlbCBpdGVtIHt7c2l6ZX19LXJlZ3VsYXIgcG9pbnRlclwiIFtjbGFzcy5kaXNhYmxlZF09XCJpdGVtPy5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLnNlbGVjdGVkXT1cIml0ZW0uc3ViX2l0ZW1zPy5sZW5ndGggPiAwID8gbnVsbCA6IGNoZWNrSWZTZWxlY3RlZChpdGVtKVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cIml0ZW0uc3ViX2l0ZW1zPy5sZW5ndGggPiAwID8gaXRlbS5pc19leHBhbmRlZCA9ICFpdGVtLmlzX2V4cGFuZGVkIDogc2VsZWN0SXRlbShpdGVtKVwiPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8Z3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjdXJyZW5jeV09XCJ7Y3VycmVuY3lfaWQ6IGl0ZW0uY3VycmVuY3lfaWQsIGN1cnJlbmN5X25hbWU6IGl0ZW0uY3VycmVuY3lfbmFtZSwgY3VycmVuY3lfaXNvOiBpdGVtLmN1cnJlbmN5X2lzbyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmV0d29ya19pZDogaXRlbS5uZXR3b3JrX2lkLCBuZXR3b3JrX2lzbzogaXRlbS5uZXR3b3JrX2lzb31cIiBbdHlwZV09XCInZXhwbGljaXQnXCIgW3NpemVdPVwic2l6ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TmV0d29ya0ljb25dPVwiZmFsc2VcIiBbYWxpZ25tZW50XT1cIidpbnZlcnQnXCIgW2Rpc2FibGVkXT1cIml0ZW0/LmRpc2FibGVkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2dyYXZpdHktY3VycmVuY3ktZGlzcGxheT5cblxuICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCIhaXRlbS5zdWJfaXRlbXNcIiBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhciBncmF2aXR5LW1hcmdpbi1yaWdodC1zbSBjdXJyZW5jeS1pbmZvXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3sgaXRlbT8uYmFsYW5jZV9hbW91bnQgfX0ge3sgaXRlbT8uYmFsYW5jZV9jdXJyZW5jeSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwiaXRlbS5zdWJfaXRlbXM/Lmxlbmd0aCA+IDAgJiYgaXRlbT8uZGlzYWJsZWQgIT09IHRydWVcIiBjbGFzcz1cInBvaW50ZXIgZXhwYW5kLWljb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaWNvblNpemVdPVwiJ3NtLTEyJ1wiIFtpY29uTmFtZV09XCJpdGVtLmlzX2V4cGFuZGVkID8gJ2Fycm93LXVwJyA6ICdhcnJvdy1kb3duJ1wiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtLmlzX2V4cGFuZGVkICYmIGl0ZW0uc3ViX2l0ZW1zXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaHItbGFiZWwgaXRlbSB7e3NpemV9fS1yZWd1bGFyIHBvaW50ZXJcIiAqbmdGb3I9XCJsZXQgc3ViSXRlbSBvZiBpdGVtLnN1Yl9pdGVtc1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy5zZWxlY3RlZF09XCJjaGVja0lmU2VsZWN0ZWQoc3ViSXRlbSlcIiAoY2xpY2spPVwic2VsZWN0SXRlbShzdWJJdGVtKVwiIFtjbGFzcy5kaXNhYmxlZF09XCJzdWJJdGVtPy5kaXNhYmxlZFwiPlxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN1Yml0ZW0tbGluZVwiPjwvZGl2PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjdXJyZW5jeV09XCJ7Y3VycmVuY3lfaWQ6IHN1Ykl0ZW0uY3VycmVuY3lfaWQsIGN1cnJlbmN5X25hbWU6IHN1Ykl0ZW0uY3VycmVuY3lfbmFtZSwgY3VycmVuY3lfaXNvOiBzdWJJdGVtLmN1cnJlbmN5X2lzbyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBuZXR3b3JrX2lkOiBzdWJJdGVtLm5ldHdvcmtfaWQsIG5ldHdvcmtfaXNvOiBzdWJJdGVtLm5ldHdvcmtfaXNvfVwiIFt0eXBlXT1cIidleHBsaWNpdCdcIiBbc2l6ZV09XCJzaXplXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TmV0d29ya0ljb25dPVwiZmFsc2VcIiBbYWxpZ25tZW50XT1cIidpbnZlcnQnXCIgW2Rpc2FibGVkXT1cInN1Ykl0ZW0/LmRpc2FibGVkXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9ncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXk+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhciBncmF2aXR5LW1hcmdpbi1yaWdodC1zbSBjdXJyZW5jeS1pbmZvXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7eyBzdWJJdGVtLmJhbGFuY2VfYW1vdW50IH19IHt7IHN1Ykl0ZW0uYmFsYW5jZV9jdXJyZW5jeSB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiaHItbGFiZWwgaXRlbSB7e3NpemV9fS1ib2xkIG5vLXJlc3VsdHNcIiAqbmdJZj1cImF2YWlsYWJsZU9wdGlvbnMubGVuZ3RoID09PSAwXCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGN1cnJlbnRMYW5nID09ICdlcycgPyAnU2luIHJlc3VsdGFkb3MnIDogJ05vIHJlc3VsdHMnIH19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cIndhbGxldC1iYWxhbmNlLWluZm9cIiAqbmdJZj1cInNlbGVjdGVkSXRlbXMubGVuZ3RoID4gMFwiPlxuICAgIDxwIGNsYXNzPVwiaHItbGFiZWwgc20tcmVndWxhclwiPnt7IGN1cnJlbnRMYW5nID09ICdlcycgPyAnU2FsZG8gZGUgY2FydGVyYScgOiAnV2FsbGV0IGJhbGFuY2UnIH19XG4gICAgICAgIDoge3sgdGhpcy5zZWxlY3RlZEl0ZW0uYmFsYW5jZV9hbW91bnQgfX0ge3sgdGhpcy5zZWxlY3RlZEl0ZW0uYmFsYW5jZV9jdXJyZW5jeSB9fTwvcD5cbjwvZGl2PlxuXG4iXX0=

package/esm2022/lib/components/gravity-editable-input/gravity-editable-input.component.mjs

@@ -1,50 +0,0 @@
-import { Component, Input, Output, EventEmitter } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../gravity-icon/gravity-icon.component";
-export class GravityEditableInputComponent {
-    constructor() {
-        this.isFocused = false;
-        this.value = '';
-        this.size = 'sm';
-        this.readOnly = false;
-        this.haveError = false;
-        this.justNumber = false;
-        this.valueChange = new EventEmitter();
-    }
-    onKeyUp(inputField) {
-        if (this.justNumber) {
-            inputField.value = inputField.value.replace(/[^0-9]/g, '');
-        }
-        this.haveError = inputField.value.trim() === '';
-        this.valueChange.emit(inputField.value);
-    }
-    focusInput(inputField) {
-        inputField.focus();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityEditableInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityEditableInputComponent, selector: "gravity-editable-input", inputs: { label: "label", value: "value", placeholder: "placeholder", errorMessage: "errorMessage", size: "size", readOnly: "readOnly", haveError: "haveError", justNumber: "justNumber" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"gravity-editable-input\">\n    <div class=\"editable-input-container\" [class.focus]=\"isFocused\" [class.error]=\"haveError\">\n        <label *ngIf=\"label\" class=\"hr-label {{size}}-bold\">{{ label }}</label>\n        <div class=\"editable-input\" [class.read-only]=\"readOnly\">\n            <input #editableInput [placeholder]=\"placeholder\" (focus)=\"isFocused = true\" (blur)=\"isFocused = false\"\n                   (keyup)=\"onKeyUp(editableInput)\" [disabled]=\"readOnly\" [value]=\"value\">\n            <gravity-icon *ngIf=\"!readOnly\" [style.--icon-color]=\"haveError ? 'var(--negative-primary)' :\n                isFocused ?'var(--outline-field-full-enabled-typing-primary)' : 'var(--text-primary)'\"\n                          [iconName]=\"'update'\" [size]=\"size\" (click)=\"focusInput(editableInput)\">\n            </gravity-icon>\n        </div>\n    </div>\n    <div class=\"error-message\" *ngIf=\"haveError && errorMessage && !readOnly\">\n        <gravity-icon [style.--icon-color]=\"'var(--negative-primary)'\" [iconName]=\"'warning-circle'\"\n                      [iconSize]=\"'sm-12'\"></gravity-icon>\n        <span class=\"hr-label sm-regular\">{{ errorMessage }}</span>\n    </div>\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-editable-input{width:100%;min-width:190px;max-width:500px;display:inline-flex;flex-direction:column;align-items:flex-start}.gravity-editable-input .editable-input-container{width:100%}.gravity-editable-input .editable-input-container.focus{border-bottom:1px solid var(--outline-field-full-enabled-typing-primary)}.gravity-editable-input .editable-input-container.error{border-bottom:1px solid var(--negative-primary)!important}.gravity-editable-input label{padding:0 0 var(--gravity-spacing-xs) var(--gravity-spacing-xs)}.gravity-editable-input .editable-input{width:100%;height:28px;display:flex;align-self:stretch;align-items:center;justify-content:space-between;gap:var(--gravity-spacing-xs);border-radius:.3125rem;padding:var(--gravity-spacing-xs)}.gravity-editable-input .editable-input.read-only{pointer-events:none}.gravity-editable-input .editable-input:hover{background:var(--surface-primary)}.gravity-editable-input .editable-input gravity-icon{cursor:pointer}.gravity-editable-input .editable-input input{gap:5px;all:unset;flex:1 0 0;display:flex;align-items:center}.gravity-editable-input .error-message{display:flex;gap:.3125rem;align-items:flex-start;color:var(--negative-primary);padding:var(--spacing-xxs, .25rem) 0 0 var(--spacing-xxs, .25rem)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityEditableInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gravity-editable-input', standalone: false, template: "<div class=\"gravity-editable-input\">\n    <div class=\"editable-input-container\" [class.focus]=\"isFocused\" [class.error]=\"haveError\">\n        <label *ngIf=\"label\" class=\"hr-label {{size}}-bold\">{{ label }}</label>\n        <div class=\"editable-input\" [class.read-only]=\"readOnly\">\n            <input #editableInput [placeholder]=\"placeholder\" (focus)=\"isFocused = true\" (blur)=\"isFocused = false\"\n                   (keyup)=\"onKeyUp(editableInput)\" [disabled]=\"readOnly\" [value]=\"value\">\n            <gravity-icon *ngIf=\"!readOnly\" [style.--icon-color]=\"haveError ? 'var(--negative-primary)' :\n                isFocused ?'var(--outline-field-full-enabled-typing-primary)' : 'var(--text-primary)'\"\n                          [iconName]=\"'update'\" [size]=\"size\" (click)=\"focusInput(editableInput)\">\n            </gravity-icon>\n        </div>\n    </div>\n    <div class=\"error-message\" *ngIf=\"haveError && errorMessage && !readOnly\">\n        <gravity-icon [style.--icon-color]=\"'var(--negative-primary)'\" [iconName]=\"'warning-circle'\"\n                      [iconSize]=\"'sm-12'\"></gravity-icon>\n        <span class=\"hr-label sm-regular\">{{ errorMessage }}</span>\n    </div>\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-editable-input{width:100%;min-width:190px;max-width:500px;display:inline-flex;flex-direction:column;align-items:flex-start}.gravity-editable-input .editable-input-container{width:100%}.gravity-editable-input .editable-input-container.focus{border-bottom:1px solid var(--outline-field-full-enabled-typing-primary)}.gravity-editable-input .editable-input-container.error{border-bottom:1px solid var(--negative-primary)!important}.gravity-editable-input label{padding:0 0 var(--gravity-spacing-xs) var(--gravity-spacing-xs)}.gravity-editable-input .editable-input{width:100%;height:28px;display:flex;align-self:stretch;align-items:center;justify-content:space-between;gap:var(--gravity-spacing-xs);border-radius:.3125rem;padding:var(--gravity-spacing-xs)}.gravity-editable-input .editable-input.read-only{pointer-events:none}.gravity-editable-input .editable-input:hover{background:var(--surface-primary)}.gravity-editable-input .editable-input gravity-icon{cursor:pointer}.gravity-editable-input .editable-input input{gap:5px;all:unset;flex:1 0 0;display:flex;align-items:center}.gravity-editable-input .error-message{display:flex;gap:.3125rem;align-items:flex-start;color:var(--negative-primary);padding:var(--spacing-xxs, .25rem) 0 0 var(--spacing-xxs, .25rem)}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], value: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], errorMessage: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], readOnly: [{
-                type: Input
-            }], haveError: [{
-                type: Input
-            }], justNumber: [{
-                type: Input
-            }], valueChange: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZWRpdGFibGUtaW5wdXQvZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZWRpdGFibGUtaW5wdXQvZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZFLE1BQU0sT0FBTyw2QkFBNkI7SUFOMUM7UUFPUyxjQUFTLEdBQVksS0FBSyxDQUFDO1FBR2xCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFHbkIsU0FBSSxHQUFnQixJQUFJLENBQUM7UUFDekIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFM0IsZ0JBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQWFqRjtJQVhRLE9BQU8sQ0FBQyxVQUE0QjtRQUN6QyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsVUFBVSxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLENBQUM7U0FDNUQ7UUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQ2hELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRU0sVUFBVSxDQUFDLFVBQTRCO1FBQzVDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNyQixDQUFDOytHQXhCVSw2QkFBNkI7bUdBQTdCLDZCQUE2QixtU0NSMUMsd3RDQWlCTTs7NEZEVE8sNkJBQTZCO2tCQU56QyxTQUFTOytCQUNFLHdCQUF3QixjQUd0QixLQUFLOzhCQUtELEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFNBQVM7c0JBQXhCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFFVyxXQUFXO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWVkaXRhYmxlLWlucHV0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiBmYWxzZVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5RWRpdGFibGVJbnB1dENvbXBvbmVudCB7XG4gIHB1YmxpYyBpc0ZvY3VzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBwdWJsaWMgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHZhbHVlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcHVibGljIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBlcnJvck1lc3NhZ2U6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdzbScgfCAnbWQnID0gJ3NtJztcbiAgQElucHV0KCkgcHVibGljIHJlYWRPbmx5OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBoYXZlRXJyb3I6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGp1c3ROdW1iZXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgcHVibGljIHZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIHB1YmxpYyBvbktleVVwKGlucHV0RmllbGQ6IEhUTUxJbnB1dEVsZW1lbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5qdXN0TnVtYmVyKSB7XG4gICAgICBpbnB1dEZpZWxkLnZhbHVlID0gaW5wdXRGaWVsZC52YWx1ZS5yZXBsYWNlKC9bXjAtOV0vZywgJycpO1xuICAgIH1cbiAgICB0aGlzLmhhdmVFcnJvciA9IGlucHV0RmllbGQudmFsdWUudHJpbSgpID09PSAnJztcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoaW5wdXRGaWVsZC52YWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgZm9jdXNJbnB1dChpbnB1dEZpZWxkOiBIVE1MSW5wdXRFbGVtZW50KTogdm9pZCB7XG4gICAgaW5wdXRGaWVsZC5mb2N1cygpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dFwiPlxuICAgIDxkaXYgY2xhc3M9XCJlZGl0YWJsZS1pbnB1dC1jb250YWluZXJcIiBbY2xhc3MuZm9jdXNdPVwiaXNGb2N1c2VkXCIgW2NsYXNzLmVycm9yXT1cImhhdmVFcnJvclwiPlxuICAgICAgICA8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwiaHItbGFiZWwge3tzaXplfX0tYm9sZFwiPnt7IGxhYmVsIH19PC9sYWJlbD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImVkaXRhYmxlLWlucHV0XCIgW2NsYXNzLnJlYWQtb25seV09XCJyZWFkT25seVwiPlxuICAgICAgICAgICAgPGlucHV0ICNlZGl0YWJsZUlucHV0IFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIChmb2N1cyk9XCJpc0ZvY3VzZWQgPSB0cnVlXCIgKGJsdXIpPVwiaXNGb2N1c2VkID0gZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgIChrZXl1cCk9XCJvbktleVVwKGVkaXRhYmxlSW5wdXQpXCIgW2Rpc2FibGVkXT1cInJlYWRPbmx5XCIgW3ZhbHVlXT1cInZhbHVlXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwiIXJlYWRPbmx5XCIgW3N0eWxlLi0taWNvbi1jb2xvcl09XCJoYXZlRXJyb3IgPyAndmFyKC0tbmVnYXRpdmUtcHJpbWFyeSknIDpcbiAgICAgICAgICAgICAgICBpc0ZvY3VzZWQgPyd2YXIoLS1vdXRsaW5lLWZpZWxkLWZ1bGwtZW5hYmxlZC10eXBpbmctcHJpbWFyeSknIDogJ3ZhcigtLXRleHQtcHJpbWFyeSknXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cIid1cGRhdGUnXCIgW3NpemVdPVwic2l6ZVwiIChjbGljayk9XCJmb2N1c0lucHV0KGVkaXRhYmxlSW5wdXQpXCI+XG4gICAgICAgICAgICA8L2dyYXZpdHktaWNvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImVycm9yLW1lc3NhZ2VcIiAqbmdJZj1cImhhdmVFcnJvciAmJiBlcnJvck1lc3NhZ2UgJiYgIXJlYWRPbmx5XCI+XG4gICAgICAgIDxncmF2aXR5LWljb24gW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tbmVnYXRpdmUtcHJpbWFyeSknXCIgW2ljb25OYW1lXT1cIid3YXJuaW5nLWNpcmNsZSdcIlxuICAgICAgICAgICAgICAgICAgICAgIFtpY29uU2l6ZV09XCInc20tMTInXCI+PC9ncmF2aXR5LWljb24+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaHItbGFiZWwgc20tcmVndWxhclwiPnt7IGVycm9yTWVzc2FnZSB9fTwvc3Bhbj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==

package/esm2022/lib/components/gravity-generic-avatar/gravity-generic-avatar.component.mjs

@@ -1,25 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-export class GravityGenericAvatarComponent {
-    getStatus() {
-        if (this.isDisabled) {
-            return 'disabled';
-        }
-        else {
-            return 'active';
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    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 sm-regular\">{{initials}}</span>\n    </div>\n    <label class=\"hr-body 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"] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityGenericAvatarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gravity-generic-avatar', standalone: false, template: "<div class=\"gravity-generic-avatar {{getStatus()}}\">\n    <div class=\"gravity-margin-right-xxs\">\n        <span class=\"hr-body sm-regular\">{{initials}}</span>\n    </div>\n    <label class=\"hr-body 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"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }], initials: [{
-                type: Input
-            }], isDisabled: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1nZW5lcmljLWF2YXRhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZ2VuZXJpYy1hdmF0YXIvZ3Jhdml0eS1nZW5lcmljLWF2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZ2VuZXJpYy1hdmF0YXIvZ3Jhdml0eS1nZW5lcmljLWF2YXRhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBQyxNQUFNLGVBQWUsQ0FBQzs7QUFRL0MsTUFBTSxPQUFPLDZCQUE2QjtJQUtqQyxTQUFTO1FBQ2QsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ25CLE9BQU8sVUFBVSxDQUFDO1NBQ3BCO2FBQU07WUFDSixPQUFPLFFBQVEsQ0FBQztTQUNqQjtJQUNILENBQUM7K0dBWFUsNkJBQTZCO21HQUE3Qiw2QkFBNkIsMElDUjFDLHFQQUtNOzs0RkRHTyw2QkFBNkI7a0JBTnpDLFNBQVM7K0JBQ0ksd0JBQXdCLGNBR3RCLEtBQUs7OEJBR0gsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2dyYXZpdHktZ2VuZXJpYy1hdmF0YXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWdlbmVyaWMtYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWdlbmVyaWMtYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogZmFsc2Vcbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eUdlbmVyaWNBdmF0YXJDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGluaXRpYWxzOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpc0Rpc2FibGVkOiBib29sZWFuO1xuXG4gIHB1YmxpYyBnZXRTdGF0dXMoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5pc0Rpc2FibGVkKSB7XG4gICAgICByZXR1cm4gJ2Rpc2FibGVkJztcbiAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gJ2FjdGl2ZSc7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1nZW5lcmljLWF2YXRhciB7e2dldFN0YXR1cygpfX1cIj5cbiAgICA8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1tYXJnaW4tcmlnaHQteHhzXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiaHItYm9keSBzbS1yZWd1bGFyXCI+e3tpbml0aWFsc319PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxsYWJlbCBjbGFzcz1cImhyLWJvZHkgc20tcmVndWxhclwiPnt7bGFiZWx9fTwvbGFiZWw+XG48L2Rpdj4iXX0=

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

@@ -1,91 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "angular-svg-icon";
-export class GravityIconComponent {
-    static isOldIcon(iconName) {
-        return OLD_ICONS[iconName] != undefined;
-    }
-    static isNewIcon(iconName) {
-        return ICONS[iconName] != undefined;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityIconComponent, selector: "gravity-icon", inputs: { customIconColorVariable: "customIconColorVariable", iconName: "iconName", iconSize: "iconSize", hoverIcon: "hoverIcon", size: "size", isCoin: "isCoin" }, ngImport: i0, template: "<svg-icon [class.with-hover]=\"hoverIcon\" class=\"{{size}} {{iconSize}}\" [style.--icon-color]=\"customIconColorVariable\"\n          [name]=\"isCoin ? 'gt-icon-' + iconName : iconSize ? 'gt-icon-' + iconName + '-' + iconSize : iconName\" [src]=\"\"></svg-icon>\n", styles: [":host{--icon-color: var(--icon-active-primary);display:block;height:var(--icon-height);min-height:var(--icon-height);min-width:var(--icon-width);width:var(--icon-width)}:host:hover svg-icon.with-hover{--icon-color: var(--icon-hover-primary)}:host:has(.sm){--icon-height: 1rem;--icon-width: 1rem}:host:has(.md){--icon-height: 1.5rem;--icon-width: 1.5rem}:host:has(.lg){--icon-height: 2rem;--icon-width: 2rem}:host:has(.sm-12){--icon-height: 12px;--icon-width: 12px}:host:has(.md-16){--icon-height: 16px;--icon-width: 16px}:host:has(.lg-24){--icon-height: 24px;--icon-width: 24px}:host:has(.xl-32){--icon-height: 32px;--icon-width: 32px}svg-icon{pointer-events:none}svg-icon ::ng-deep svg{display:block;height:100%;line-height:0;width:100%}\n"], dependencies: [{ kind: "component", type: i1.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gravity-icon', standalone: false, template: "<svg-icon [class.with-hover]=\"hoverIcon\" class=\"{{size}} {{iconSize}}\" [style.--icon-color]=\"customIconColorVariable\"\n          [name]=\"isCoin ? 'gt-icon-' + iconName : iconSize ? 'gt-icon-' + iconName + '-' + iconSize : iconName\" [src]=\"\"></svg-icon>\n", styles: [":host{--icon-color: var(--icon-active-primary);display:block;height:var(--icon-height);min-height:var(--icon-height);min-width:var(--icon-width);width:var(--icon-width)}:host:hover svg-icon.with-hover{--icon-color: var(--icon-hover-primary)}:host:has(.sm){--icon-height: 1rem;--icon-width: 1rem}:host:has(.md){--icon-height: 1.5rem;--icon-width: 1.5rem}:host:has(.lg){--icon-height: 2rem;--icon-width: 2rem}:host:has(.sm-12){--icon-height: 12px;--icon-width: 12px}:host:has(.md-16){--icon-height: 16px;--icon-width: 16px}:host:has(.lg-24){--icon-height: 24px;--icon-width: 24px}:host:has(.xl-32){--icon-height: 32px;--icon-width: 32px}svg-icon{pointer-events:none}svg-icon ::ng-deep svg{display:block;height:100%;line-height:0;width:100%}\n"] }]
-        }], propDecorators: { customIconColorVariable: [{
-                type: Input
-            }], iconName: [{
-                type: Input
-            }], iconSize: [{
-                type: Input
-            }], hoverIcon: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], isCoin: [{
-                type: Input
-            }] } });
-export var OLD_ICONS;
-(function (OLD_ICONS) {
-    OLD_ICONS[OLD_ICONS["uncheck"] = 0] = "uncheck";
-    OLD_ICONS[OLD_ICONS["arrow-back"] = 1] = "arrow-back";
-})(OLD_ICONS || (OLD_ICONS = {}));
-export var ICONS;
-(function (ICONS) {
-    ICONS[ICONS["addressbook"] = 0] = "addressbook";
-    ICONS[ICONS["arrow-down"] = 1] = "arrow-down";
-    ICONS[ICONS["arrow-left"] = 2] = "arrow-left";
-    ICONS[ICONS["arrow-right"] = 3] = "arrow-right";
-    ICONS[ICONS["arrow-up"] = 4] = "arrow-up";
-    ICONS[ICONS["bell"] = 5] = "bell";
-    ICONS[ICONS["calendar"] = 6] = "calendar";
-    ICONS[ICONS["check"] = 7] = "check";
-    ICONS[ICONS["clock"] = 8] = "clock";
-    ICONS[ICONS["chevron-double-down"] = 9] = "chevron-double-down";
-    ICONS[ICONS["chevron-double-up"] = 10] = "chevron-double-up";
-    ICONS[ICONS["copy"] = 11] = "copy";
-    ICONS[ICONS["deposit"] = 12] = "deposit";
-    ICONS[ICONS["download"] = 13] = "download";
-    ICONS[ICONS["eye-closed"] = 14] = "eye-closed";
-    ICONS[ICONS["eye-open"] = 15] = "eye-open";
-    ICONS[ICONS["exchange-provider"] = 16] = "exchange-provider";
-    ICONS[ICONS["graphics"] = 17] = "graphics";
-    ICONS[ICONS["happy-face"] = 18] = "happy-face";
-    ICONS[ICONS["home"] = 19] = "home";
-    ICONS[ICONS["information-circle"] = 20] = "information-circle";
-    ICONS[ICONS["internal-processing"] = 21] = "internal-processing";
-    ICONS[ICONS["language"] = 22] = "language";
-    ICONS[ICONS["mail"] = 23] = "mail";
-    ICONS[ICONS["menu"] = 24] = "menu";
-    ICONS[ICONS["more-options"] = 25] = "more-options";
-    ICONS[ICONS["new-tab"] = 26] = "new-tab";
-    ICONS[ICONS["news"] = 27] = "news";
-    ICONS[ICONS["off"] = 28] = "off";
-    ICONS[ICONS["on"] = 29] = "on";
-    ICONS[ICONS["payout"] = 30] = "payout";
-    ICONS[ICONS["plus"] = 31] = "plus";
-    ICONS[ICONS["question-circle"] = 32] = "question-circle";
-    ICONS[ICONS["queue"] = 33] = "queue";
-    ICONS[ICONS["rates"] = 34] = "rates";
-    ICONS[ICONS["report"] = 35] = "report";
-    ICONS[ICONS["search"] = 36] = "search";
-    ICONS[ICONS["security"] = 37] = "security";
-    ICONS[ICONS["settings"] = 38] = "settings";
-    ICONS[ICONS["sign-out"] = 39] = "sign-out";
-    ICONS[ICONS["stop"] = 40] = "stop";
-    ICONS[ICONS["success-circle"] = 41] = "success-circle";
-    ICONS[ICONS["swaps"] = 42] = "swaps";
-    ICONS[ICONS["swaps-arrow-left"] = 43] = "swaps-arrow-left";
-    ICONS[ICONS["swaps-arrow-right"] = 44] = "swaps-arrow-right";
-    ICONS[ICONS["switch"] = 45] = "switch";
-    ICONS[ICONS["tool"] = 46] = "tool";
-    ICONS[ICONS["trash"] = 47] = "trash";
-    ICONS[ICONS["unlock"] = 48] = "unlock";
-    ICONS[ICONS["unsuccess"] = 49] = "unsuccess";
-    ICONS[ICONS["update"] = 50] = "update";
-    ICONS[ICONS["user"] = 51] = "user";
-    ICONS[ICONS["warning-circle"] = 52] = "warning-circle";
-})(ICONS || (ICONS = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1pY29uL2dyYXZpdHktaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7OztBQVEvQyxNQUFNLE9BQU8sb0JBQW9CO0lBUXhCLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBZ0I7UUFDdEMsT0FBTyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksU0FBUyxDQUFDO0lBQzFDLENBQUM7SUFFTSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQWdCO1FBQ3RDLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFNBQVMsQ0FBQztJQUN0QyxDQUFDOytHQWRVLG9CQUFvQjttR0FBcEIsb0JBQW9CLHdOQ1JqQywwUUFFQTs7NEZETWEsb0JBQW9CO2tCQU5oQyxTQUFTOytCQUNJLGNBQWMsY0FHWixLQUFLOzhCQUdILHVCQUF1QjtzQkFBdEMsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLE1BQU07c0JBQXJCLEtBQUs7O0FBV1IsTUFBTSxDQUFOLElBQVksU0FHWDtBQUhELFdBQVksU0FBUztJQUNuQiwrQ0FBUyxDQUFBO0lBQ1QscURBQVksQ0FBQTtBQUNkLENBQUMsRUFIVyxTQUFTLEtBQVQsU0FBUyxRQUdwQjtBQUVELE1BQU0sQ0FBTixJQUFZLEtBc0RYO0FBdERELFdBQVksS0FBSztJQUNmLCtDQUFhLENBQUE7SUFDYiw2Q0FBWSxDQUFBO0lBQ1osNkNBQVksQ0FBQTtJQUNaLCtDQUFhLENBQUE7SUFDYix5Q0FBVSxDQUFBO0lBQ1YsaUNBQU0sQ0FBQTtJQUNOLHlDQUFVLENBQUE7SUFDVixtQ0FBTyxDQUFBO0lBQ1AsbUNBQU8sQ0FBQTtJQUNQLCtEQUFxQixDQUFBO0lBQ3JCLDREQUFtQixDQUFBO0lBQ25CLGtDQUFNLENBQUE7SUFDTix3Q0FBUyxDQUFBO0lBQ1QsMENBQVUsQ0FBQTtJQUNWLDhDQUFZLENBQUE7SUFDWiwwQ0FBVSxDQUFBO0lBQ1YsNERBQW1CLENBQUE7SUFDbkIsMENBQVUsQ0FBQTtJQUNWLDhDQUFZLENBQUE7SUFDWixrQ0FBTSxDQUFBO0lBQ04sOERBQW9CLENBQUE7SUFDcEIsZ0VBQXFCLENBQUE7SUFDckIsMENBQVUsQ0FBQTtJQUNWLGtDQUFNLENBQUE7SUFDTixrQ0FBTSxDQUFBO0lBQ04sa0RBQWMsQ0FBQTtJQUNkLHdDQUFTLENBQUE7SUFDVCxrQ0FBTSxDQUFBO0lBQ04sZ0NBQUssQ0FBQTtJQUNMLDhCQUFJLENBQUE7SUFDSixzQ0FBUSxDQUFBO0lBQ1Isa0NBQU0sQ0FBQTtJQUNOLHdEQUFpQixDQUFBO0lBQ2pCLG9DQUFPLENBQUE7SUFDUCxvQ0FBTyxDQUFBO0lBQ1Asc0NBQVEsQ0FBQTtJQUNSLHNDQUFRLENBQUE7SUFDUiwwQ0FBVSxDQUFBO0lBQ1YsMENBQVUsQ0FBQTtJQUNWLDBDQUFVLENBQUE7SUFDVixrQ0FBTSxDQUFBO0lBQ04sc0RBQWdCLENBQUE7SUFDaEIsb0NBQU8sQ0FBQTtJQUNQLDBEQUFrQixDQUFBO0lBQ2xCLDREQUFtQixDQUFBO0lBQ25CLHNDQUFRLENBQUE7SUFDUixrQ0FBTSxDQUFBO0lBQ04sb0NBQU8sQ0FBQTtJQUNQLHNDQUFRLENBQUE7SUFDUiw0Q0FBVyxDQUFBO0lBQ1gsc0NBQVEsQ0FBQTtJQUNSLGtDQUFNLENBQUE7SUFDTixzREFBZ0IsQ0FBQTtBQUNsQixDQUFDLEVBdERXLEtBQUssS0FBTCxLQUFLLFFBc0RoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZ3Jhdml0eS1pY29uJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWljb24uY29tcG9uZW50LnNjc3MnXSxcbiAgICBzdGFuZGFsb25lOiBmYWxzZVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5SWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21JY29uQ29sb3JWYXJpYWJsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbk5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25TaXplOiAnbGctMjQnIHwgJ21kLTE2JyB8ICdzbS0xMicgfCAneGwtMzInO1xuICBASW5wdXQoKSBwdWJsaWMgaG92ZXJJY29uOiBib29sZWFuO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnO1xuICBASW5wdXQoKSBwdWJsaWMgaXNDb2luOiBib29sZWFuO1xuXG4gIHB1YmxpYyBzdGF0aWMgaXNPbGRJY29uKGljb25OYW1lOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gT0xEX0lDT05TW2ljb25OYW1lXSAhPSB1bmRlZmluZWQ7XG4gIH1cblxuICBwdWJsaWMgc3RhdGljIGlzTmV3SWNvbihpY29uTmFtZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIElDT05TW2ljb25OYW1lXSAhPSB1bmRlZmluZWQ7XG4gIH1cbn1cblxuZXhwb3J0IGVudW0gT0xEX0lDT05TIHtcbiAgJ3VuY2hlY2snLFxuICAnYXJyb3ctYmFjaydcbn1cblxuZXhwb3J0IGVudW0gSUNPTlMge1xuICAnYWRkcmVzc2Jvb2snLFxuICAnYXJyb3ctZG93bicsXG4gICdhcnJvdy1sZWZ0JyxcbiAgJ2Fycm93LXJpZ2h0JyxcbiAgJ2Fycm93LXVwJyxcbiAgJ2JlbGwnLFxuICAnY2FsZW5kYXInLFxuICAnY2hlY2snLFxuICAnY2xvY2snLFxuICAnY2hldnJvbi1kb3VibGUtZG93bicsXG4gICdjaGV2cm9uLWRvdWJsZS11cCcsXG4gICdjb3B5JyxcbiAgJ2RlcG9zaXQnLFxuICAnZG93bmxvYWQnLFxuICAnZXllLWNsb3NlZCcsXG4gICdleWUtb3BlbicsXG4gICdleGNoYW5nZS1wcm92aWRlcicsXG4gICdncmFwaGljcycsXG4gICdoYXBweS1mYWNlJyxcbiAgJ2hvbWUnLFxuICAnaW5mb3JtYXRpb24tY2lyY2xlJyxcbiAgJ2ludGVybmFsLXByb2Nlc3NpbmcnLFxuICAnbGFuZ3VhZ2UnLFxuICAnbWFpbCcsXG4gICdtZW51JyxcbiAgJ21vcmUtb3B0aW9ucycsXG4gICduZXctdGFiJyxcbiAgJ25ld3MnLFxuICAnb2ZmJyxcbiAgJ29uJyxcbiAgJ3BheW91dCcsXG4gICdwbHVzJyxcbiAgJ3F1ZXN0aW9uLWNpcmNsZScsXG4gICdxdWV1ZScsXG4gICdyYXRlcycsXG4gICdyZXBvcnQnLFxuICAnc2VhcmNoJyxcbiAgJ3NlY3VyaXR5JyxcbiAgJ3NldHRpbmdzJyxcbiAgJ3NpZ24tb3V0JyxcbiAgJ3N0b3AnLFxuICAnc3VjY2Vzcy1jaXJjbGUnLFxuICAnc3dhcHMnLFxuICAnc3dhcHMtYXJyb3ctbGVmdCcsXG4gICdzd2Fwcy1hcnJvdy1yaWdodCcsXG4gICdzd2l0Y2gnLFxuICAndG9vbCcsXG4gICd0cmFzaCcsXG4gICd1bmxvY2snLFxuICAndW5zdWNjZXNzJyxcbiAgJ3VwZGF0ZScsXG4gICd1c2VyJyxcbiAgJ3dhcm5pbmctY2lyY2xlJ1xufVxuIiwiPHN2Zy1pY29uIFtjbGFzcy53aXRoLWhvdmVyXT1cImhvdmVySWNvblwiIGNsYXNzPVwie3tzaXplfX0ge3tpY29uU2l6ZX19XCIgW3N0eWxlLi0taWNvbi1jb2xvcl09XCJjdXN0b21JY29uQ29sb3JWYXJpYWJsZVwiXG4gICAgICAgICAgW25hbWVdPVwiaXNDb2luID8gJ2d0LWljb24tJyArIGljb25OYW1lIDogaWNvblNpemUgPyAnZ3QtaWNvbi0nICsgaWNvbk5hbWUgKyAnLScgKyBpY29uU2l6ZSA6IGljb25OYW1lXCIgW3NyY109XCJcIj48L3N2Zy1pY29uPlxuIl19

package/esm2022/lib/components/gravity-icon-button/gravity-icon-button.component.mjs

@@ -1,39 +0,0 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "../gravity-icon/gravity-icon.component";
-export class GravityIconButtonComponent {
-    constructor() {
-        this.variant = false;
-        this.size = 'sm';
-        this.type = "primary";
-        this.state = 'active';
-        this.clickOnIcon = new EventEmitter();
-    }
-    onClick() {
-        if (this.state != 'disabled') {
-            this.clickOnIcon.emit();
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityIconButtonComponent, selector: "gravity-icon-button", inputs: { icon: "icon", supportText: "supportText", variant: "variant", size: "size", type: "type", state: "state" }, outputs: { clickOnIcon: "clickOnIcon" }, ngImport: i0, template: "<div class=\"gravity-icon-button {{type}} {{state}} {{size}}\" (click)=\"onClick()\">\n  <gravity-icon [iconName]=\"icon\" [iconSize]=\"size === 'sm' ? 'md-16' : 'lg-24'\"></gravity-icon>\n  <div *ngIf=\"supportText\">\n      <span class=\"hr-body sm-regular\">{{supportText}}</span>\n  </div>\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-icon-button{display:flex;padding:6.5px;flex-wrap:wrap;position:relative;align-items:center;justify-content:center;width:var(--icon-container-size);height:var(--icon-container-size);border-radius:6.25rem}.gravity-icon-button div{white-space:nowrap;color:var(--surface-secondary);margin-top:var(--gravity-spacing-xxs)}.gravity-icon-button div span{opacity:0;padding:0 2px;visibility:hidden;border-radius:1.105px;background-color:var(--bg-label-icon-button-hover);transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.gravity-icon-button gravity-icon{--icon-color: var(--text-primary)}.gravity-icon-button:not(.disabled):hover div span{opacity:1;visibility:visible}.gravity-icon-button.sm{--icon-container-size: 29px}.gravity-icon-button.md{--icon-container-size: 36.514px}.gravity-icon-button.disabled gravity-icon{--icon-color: var(--on-bg-disabled)}.gravity-icon-button.primary.active:hover{cursor:pointer;background-color:var(--bg-icon-button-hover)}.gravity-icon-button.primary.pressed{cursor:pointer;background-color:var(--bg-icon-button-pressed)}.gravity-icon-button.secondary:not(.disabled){cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-icon-button.secondary:not(.disabled) gravity-icon{--icon-color: var(--on-bg-button-active-tertiary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityIconComponent, selector: "gravity-icon", inputs: ["customIconColorVariable", "iconName", "iconSize", "hoverIcon", "size", "isCoin"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityIconButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gravity-icon-button', standalone: false, template: "<div class=\"gravity-icon-button {{type}} {{state}} {{size}}\" (click)=\"onClick()\">\n  <gravity-icon [iconName]=\"icon\" [iconSize]=\"size === 'sm' ? 'md-16' : 'lg-24'\"></gravity-icon>\n  <div *ngIf=\"supportText\">\n      <span class=\"hr-body sm-regular\">{{supportText}}</span>\n  </div>\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-icon-button{display:flex;padding:6.5px;flex-wrap:wrap;position:relative;align-items:center;justify-content:center;width:var(--icon-container-size);height:var(--icon-container-size);border-radius:6.25rem}.gravity-icon-button div{white-space:nowrap;color:var(--surface-secondary);margin-top:var(--gravity-spacing-xxs)}.gravity-icon-button div span{opacity:0;padding:0 2px;visibility:hidden;border-radius:1.105px;background-color:var(--bg-label-icon-button-hover);transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.gravity-icon-button gravity-icon{--icon-color: var(--text-primary)}.gravity-icon-button:not(.disabled):hover div span{opacity:1;visibility:visible}.gravity-icon-button.sm{--icon-container-size: 29px}.gravity-icon-button.md{--icon-container-size: 36.514px}.gravity-icon-button.disabled gravity-icon{--icon-color: var(--on-bg-disabled)}.gravity-icon-button.primary.active:hover{cursor:pointer;background-color:var(--bg-icon-button-hover)}.gravity-icon-button.primary.pressed{cursor:pointer;background-color:var(--bg-icon-button-pressed)}.gravity-icon-button.secondary:not(.disabled){cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-icon-button.secondary:not(.disabled) gravity-icon{--icon-color: var(--on-bg-button-active-tertiary)}\n"] }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], supportText: [{
-                type: Input
-            }], variant: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], state: [{
-                type: Input
-            }], clickOnIcon: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1pY29uLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi1idXR0b24vZ3Jhdml0eS1pY29uLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi1idXR0b24vZ3Jhdml0eS1pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXJFLE1BQU0sT0FBTywwQkFBMEI7SUFOdkM7UUFTa0IsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixTQUFJLEdBQTRCLFNBQVMsQ0FBQztRQUMxQyxVQUFLLEdBQXNDLFFBQVEsQ0FBQztRQUVuRCxnQkFBVyxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0tBTzdFO0lBTFEsT0FBTztRQUNaLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxVQUFVLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLEVBQUUsQ0FBQztTQUN6QjtJQUNILENBQUM7K0dBZFUsMEJBQTBCO21HQUExQiwwQkFBMEIsME5DUnZDLG1UQU9BOzs0RkRDYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0kscUJBQXFCLGNBR25CLEtBQUs7OEJBR0gsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBRVcsV0FBVztzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2dyYXZpdHktaWNvbi1idXR0b24nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWljb24tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWljb24tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogZmFsc2Vcbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eUljb25CdXR0b25Db21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgc3VwcG9ydFRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHZhcmlhbnQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdzbScgfCAnbWQnID0gJ3NtJztcbiAgQElucHV0KCkgcHVibGljIHR5cGU6ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknID0gXCJwcmltYXJ5XCI7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0ZTogJ2FjdGl2ZScgfCAncHJlc3NlZCcgfCAnZGlzYWJsZWQnID0gJ2FjdGl2ZSc7XG5cbiAgQE91dHB1dCgpIHB1YmxpYyBjbGlja09uSWNvbjogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHB1YmxpYyBvbkNsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnN0YXRlICE9ICdkaXNhYmxlZCcpIHtcbiAgICAgIHRoaXMuY2xpY2tPbkljb24uZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktaWNvbi1idXR0b24ge3t0eXBlfX0ge3tzdGF0ZX19IHt7c2l6ZX19XCIgKGNsaWNrKT1cIm9uQ2xpY2soKVwiPlxuICA8Z3Jhdml0eS1pY29uIFtpY29uTmFtZV09XCJpY29uXCIgW2ljb25TaXplXT1cInNpemUgPT09ICdzbScgPyAnbWQtMTYnIDogJ2xnLTI0J1wiPjwvZ3Jhdml0eS1pY29uPlxuICA8ZGl2ICpuZ0lmPVwic3VwcG9ydFRleHRcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiaHItYm9keSBzbS1yZWd1bGFyXCI+e3tzdXBwb3J0VGV4dH19PC9zcGFuPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG4iXX0=

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

@@ -1,38 +0,0 @@
-import { Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/router";
-import * as i3 from "../gravity-icon/gravity-icon.component";
-export class GravityLinkComponent {
-    constructor() {
-        this.target = '_self';
-        this.iconPosition = 'left';
-        this.iconSize = 'md-16';
-        this.state = 'active';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityLinkComponent, selector: "gravity-link", inputs: { link: "link", linkText: "linkText", fontSize: "fontSize", cypressTag: "cypressTag", iconName: "iconName", target: "target", iconPosition: "iconPosition", iconSize: "iconSize", state: "state" }, ngImport: i0, template: "<div class=\"gravity-link-container {{iconPosition}}\">\n\n    <a *ngIf=\"!(link.startsWith('http') || link.startsWith('https'))\"\n       [routerLink]=\"state === 'disabled' || link === '' ? null : link\"\n       class=\"{{fontSize ? fontSize : 'hr-body sm-regular'}} {{state}}\">\n        {{linkText}}\n    </a>\n\n    <a *ngIf=\"link.startsWith('http') || link.startsWith('https')\"\n       [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n       class=\"{{fontSize ? fontSize : 'hr-body sm-regular'}} {{state}}\">\n        {{linkText}}\n    </a>\n\n    <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n                  [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n                  [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n    </gravity-icon>\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{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.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"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityLinkComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'gravity-link', standalone: false, template: "<div class=\"gravity-link-container {{iconPosition}}\">\n\n    <a *ngIf=\"!(link.startsWith('http') || link.startsWith('https'))\"\n       [routerLink]=\"state === 'disabled' || link === '' ? null : link\"\n       class=\"{{fontSize ? fontSize : 'hr-body sm-regular'}} {{state}}\">\n        {{linkText}}\n    </a>\n\n    <a *ngIf=\"link.startsWith('http') || link.startsWith('https')\"\n       [href]=\"state === 'disabled' || link === '' ? null : link\" [target]=\"target\"\n       class=\"{{fontSize ? fontSize : 'hr-body sm-regular'}} {{state}}\">\n        {{linkText}}\n    </a>\n\n    <gravity-icon [style.--icon-color]=\"'var(--link-text-color)'\" [size]=\"'md'\"\n                  [hoverIcon]=\"false\" [iconName]=\"iconName\" *ngIf=\"iconName\"\n                  [iconSize]=\"iconSize\" class=\"icon-{{iconPosition}}\">\n    </gravity-icon>\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{display:flex;width:-moz-fit-content;width:fit-content;align-items:center;justify-content:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-link-container.right{flex-direction:row}.gravity-link-container.left{flex-direction:row-reverse}.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"] }]
-        }], propDecorators: { link: [{
-                type: Input
-            }], linkText: [{
-                type: Input
-            }], fontSize: [{
-                type: Input
-            }], cypressTag: [{
-                type: Input
-            }], iconName: [{
-                type: Input
-            }], target: [{
-                type: Input
-            }], iconPosition: [{
-                type: Input
-            }], iconSize: [{
-                type: Input
-            }], state: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1saW5rLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1saW5rL2dyYXZpdHktbGluay5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktbGluay9ncmF2aXR5LWxpbmsuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBUS9DLE1BQU0sT0FBTyxvQkFBb0I7SUFOakM7UUFZa0IsV0FBTSxHQUF3QixPQUFPLENBQUM7UUFDdEMsaUJBQVksR0FBcUIsTUFBTSxDQUFDO1FBQ3hDLGFBQVEsR0FBMkMsT0FBTyxDQUFDO1FBQzNELFVBQUssR0FBa0QsUUFBUSxDQUFDO0tBQ2pGOytHQVZZLG9CQUFvQjttR0FBcEIsb0JBQW9CLGdRQ1JqQyw0MUJBa0JNOzs0RkRWTyxvQkFBb0I7a0JBTmhDLFNBQVM7K0JBQ0ksY0FBYyxjQUdaLEtBQUs7OEJBR0gsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLE1BQU07c0JBQXJCLEtBQUs7Z0JBQ1UsWUFBWTtzQkFBM0IsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2dyYXZpdHktbGluaycsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktbGluay5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1saW5rLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgc3RhbmRhbG9uZTogZmFsc2Vcbn0pXG5leHBvcnQgY2xhc3MgR3Jhdml0eUxpbmtDb21wb25lbnQge1xuICBASW5wdXQoKSBwdWJsaWMgbGluazogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgbGlua1RleHQ6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGZvbnRTaXplOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBjeXByZXNzVGFnOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uTmFtZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBASW5wdXQoKSBwdWJsaWMgdGFyZ2V0IDogJ19ibGFuaycgfCAnX3NlbGYnID0gJ19zZWxmJztcbiAgQElucHV0KCkgcHVibGljIGljb25Qb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcbiAgQElucHV0KCkgcHVibGljIGljb25TaXplIDogJ3NtLTEyJyB8ICdtZC0xNicgfCAnbGctMjQnIHwgJ3hsLTMyJyA9ICdtZC0xNic7XG4gIEBJbnB1dCgpIHB1YmxpYyBzdGF0ZTogJ2FjdGl2ZScgfCAndmlzaXRlZCcgfCAncHJlc3NlZCcgfCAnZGlzYWJsZWQnID0gJ2FjdGl2ZSc7XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1saW5rLWNvbnRhaW5lciB7e2ljb25Qb3NpdGlvbn19XCI+XG5cbiAgICA8YSAqbmdJZj1cIiEobGluay5zdGFydHNXaXRoKCdodHRwJykgfHwgbGluay5zdGFydHNXaXRoKCdodHRwcycpKVwiXG4gICAgICAgW3JvdXRlckxpbmtdPVwic3RhdGUgPT09ICdkaXNhYmxlZCcgfHwgbGluayA9PT0gJycgPyBudWxsIDogbGlua1wiXG4gICAgICAgY2xhc3M9XCJ7e2ZvbnRTaXplID8gZm9udFNpemUgOiAnaHItYm9keSBzbS1yZWd1bGFyJ319IHt7c3RhdGV9fVwiPlxuICAgICAgICB7e2xpbmtUZXh0fX1cbiAgICA8L2E+XG5cbiAgICA8YSAqbmdJZj1cImxpbmsuc3RhcnRzV2l0aCgnaHR0cCcpIHx8IGxpbmsuc3RhcnRzV2l0aCgnaHR0cHMnKVwiXG4gICAgICAgW2hyZWZdPVwic3RhdGUgPT09ICdkaXNhYmxlZCcgfHwgbGluayA9PT0gJycgPyBudWxsIDogbGlua1wiIFt0YXJnZXRdPVwidGFyZ2V0XCJcbiAgICAgICBjbGFzcz1cInt7Zm9udFNpemUgPyBmb250U2l6ZSA6ICdoci1ib2R5IHNtLXJlZ3VsYXInfX0ge3tzdGF0ZX19XCI+XG4gICAgICAgIHt7bGlua1RleHR9fVxuICAgIDwvYT5cblxuICAgIDxncmF2aXR5LWljb24gW3N0eWxlLi0taWNvbi1jb2xvcl09XCIndmFyKC0tbGluay10ZXh0LWNvbG9yKSdcIiBbc2l6ZV09XCInbWQnXCJcbiAgICAgICAgICAgICAgICAgIFtob3Zlckljb25dPVwiZmFsc2VcIiBbaWNvbk5hbWVdPVwiaWNvbk5hbWVcIiAqbmdJZj1cImljb25OYW1lXCJcbiAgICAgICAgICAgICAgICAgIFtpY29uU2l6ZV09XCJpY29uU2l6ZVwiIGNsYXNzPVwiaWNvbi17e2ljb25Qb3NpdGlvbn19XCI+XG4gICAgPC9ncmF2aXR5LWljb24+XG48L2Rpdj4iXX0=