@progressio_resources/gravity-design-system 3.0.31 → 3.0.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/gravity-currency-display/gravity-currency-display.component.mjs +6 -3
- package/esm2022/lib/components/gravity-dropdown-list-display/gravity-dropdown-list-display.component.mjs +3 -3
- package/esm2022/lib/components/gravity-editable-input/gravity-editable-input.component.mjs +3 -3
- package/esm2022/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.mjs +5 -3
- package/fesm2022/progressio_resources-gravity-design-system.mjs +13 -8
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-currency-display/gravity-currency-display.component.d.ts +2 -1
- package/lib/components/gravity-tab-secondary/gravity-tab-secondary.component.d.ts +1 -0
- package/package.json +1 -1
package/esm2022/lib/components/gravity-currency-display/gravity-currency-display.component.mjs
CHANGED
|
@@ -10,12 +10,15 @@ export class GravityCurrencyDisplayComponent {
|
|
|
10
10
|
this.type = 'explicit';
|
|
11
11
|
this.alignment = 'start';
|
|
12
12
|
}
|
|
13
|
+
getFontSize() {
|
|
14
|
+
return this.size === 'md' || this.size === 'lg' ? 'md' : 'sm';
|
|
15
|
+
}
|
|
13
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCurrencyDisplayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCurrencyDisplayComponent, selector: "gravity-currency-display", inputs: { disabled: "disabled", cypressTag: "cypressTag", size: "size", showNetworkIcon: "showNetworkIcon", type: "type", alignment: "alignment", currency: "currency" }, ngImport: i0, template: "<div class=\"gravity-currency-display {{size}} {{type}}\" [class.disabled]=\"disabled\">\n <gravity-currency\n [size]=\"size == 'sm' && type == 'short' ? 'sm-16' : 'md-24'\"\n [disabled]=\"disabled\"
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCurrencyDisplayComponent, selector: "gravity-currency-display", inputs: { disabled: "disabled", cypressTag: "cypressTag", size: "size", showNetworkIcon: "showNetworkIcon", type: "type", alignment: "alignment", currency: "currency" }, ngImport: i0, template: "<div class=\"gravity-currency-display {{size}} {{type}}\" [class.disabled]=\"disabled\">\n <gravity-currency\n [size]=\"size == 'sm' && type == 'short' ? 'sm-16' : size == 'lg' ? 'lg-32' : 'md-24'\"\n [disabled]=\"disabled\" [currency]=\"{currency_id: currency.currency_id , network_id: currency?.network_id }\">\n </gravity-currency>\n\n <div class=\"currency-content {{size}}\" [ngClass]=\"{'invert': alignment === 'invert'}\">\n <p *ngIf=\"type === 'explicit'\" class=\"currency-name hr-body\"\n [ngClass]=\"type === 'explicit' && alignment === 'start' ? getFontSize() + '-regular' : 'sm-regular'\">\n {{ currency.currency_name }}\n </p>\n\n <div class=\"iso-content {{type}} {{size}}\">\n <p class=\"currency-iso hr-body\" [ngClass]=\"type === 'short' ? 'md-regular' :\n (type === 'explicit' && alignment === 'start' ? 'sm-regular' : getFontSize() + '-regular')\">\n {{ currency.currency_iso }}\n </p>\n\n <gravity-network-pill\n [type]=\"'primary'\" [network]=\"{iso: currency?.network_iso, id: currency.network_id}\"\n [disabled]=\"disabled\" [showNetworkIcon]=\"showNetworkIcon\" *ngIf=\"currency?.network_iso\">\n </gravity-network-pill>\n </div>\n </div>\n</div>\n", styles: [".gravity-currency-display{display:flex;align-items:center;gap:5.75px}.gravity-currency-display p{line-height:11px}.gravity-currency-display.short .sm{gap:5px}.gravity-currency-display.disabled p{color:var(--on-bg-disabled)}.gravity-currency-display .currency-content{display:flex;flex-direction:column;align-items:flex-start}.gravity-currency-display .currency-content.sm{gap:5px}.gravity-currency-display .currency-content.md,.gravity-currency-display .currency-content.lg{gap:8px}.gravity-currency-display .currency-content.invert{flex-direction:column-reverse}.gravity-currency-display .currency-content .iso-content{display:flex;justify-content:center;align-items:center;gap:5px}.gravity-currency-display .currency-content .iso-content.md.short,.gravity-currency-display .currency-content .iso-content.lg.short{flex-direction:column;align-items:flex-start;gap:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.GravityCurrencyComponent, selector: "gravity-currency", inputs: ["cypressTag", "disabled", "size", "currency", "showLayers"] }, { kind: "component", type: i3.GravityNetworkPillComponent, selector: "gravity-network-pill", inputs: ["cypressTag", "disabled", "showNetworkIcon", "network", "type"] }] }); }
|
|
15
18
|
}
|
|
16
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCurrencyDisplayComponent, decorators: [{
|
|
17
20
|
type: Component,
|
|
18
|
-
args: [{ selector: 'gravity-currency-display', template: "<div class=\"gravity-currency-display {{size}} {{type}}\" [class.disabled]=\"disabled\">\n <gravity-currency\n [size]=\"size == 'sm' && type == 'short' ? 'sm-16' : 'md-24'\"\n [disabled]=\"disabled\"
|
|
21
|
+
args: [{ selector: 'gravity-currency-display', template: "<div class=\"gravity-currency-display {{size}} {{type}}\" [class.disabled]=\"disabled\">\n <gravity-currency\n [size]=\"size == 'sm' && type == 'short' ? 'sm-16' : size == 'lg' ? 'lg-32' : 'md-24'\"\n [disabled]=\"disabled\" [currency]=\"{currency_id: currency.currency_id , network_id: currency?.network_id }\">\n </gravity-currency>\n\n <div class=\"currency-content {{size}}\" [ngClass]=\"{'invert': alignment === 'invert'}\">\n <p *ngIf=\"type === 'explicit'\" class=\"currency-name hr-body\"\n [ngClass]=\"type === 'explicit' && alignment === 'start' ? getFontSize() + '-regular' : 'sm-regular'\">\n {{ currency.currency_name }}\n </p>\n\n <div class=\"iso-content {{type}} {{size}}\">\n <p class=\"currency-iso hr-body\" [ngClass]=\"type === 'short' ? 'md-regular' :\n (type === 'explicit' && alignment === 'start' ? 'sm-regular' : getFontSize() + '-regular')\">\n {{ currency.currency_iso }}\n </p>\n\n <gravity-network-pill\n [type]=\"'primary'\" [network]=\"{iso: currency?.network_iso, id: currency.network_id}\"\n [disabled]=\"disabled\" [showNetworkIcon]=\"showNetworkIcon\" *ngIf=\"currency?.network_iso\">\n </gravity-network-pill>\n </div>\n </div>\n</div>\n", styles: [".gravity-currency-display{display:flex;align-items:center;gap:5.75px}.gravity-currency-display p{line-height:11px}.gravity-currency-display.short .sm{gap:5px}.gravity-currency-display.disabled p{color:var(--on-bg-disabled)}.gravity-currency-display .currency-content{display:flex;flex-direction:column;align-items:flex-start}.gravity-currency-display .currency-content.sm{gap:5px}.gravity-currency-display .currency-content.md,.gravity-currency-display .currency-content.lg{gap:8px}.gravity-currency-display .currency-content.invert{flex-direction:column-reverse}.gravity-currency-display .currency-content .iso-content{display:flex;justify-content:center;align-items:center;gap:5px}.gravity-currency-display .currency-content .iso-content.md.short,.gravity-currency-display .currency-content .iso-content.lg.short{flex-direction:column;align-items:flex-start;gap:8px}\n"] }]
|
|
19
22
|
}], propDecorators: { disabled: [{
|
|
20
23
|
type: Input
|
|
21
24
|
}], cypressTag: [{
|
|
@@ -31,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
31
34
|
}], currency: [{
|
|
32
35
|
type: Input
|
|
33
36
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5L2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS9ncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTy9DLE1BQU0sT0FBTywrQkFBK0I7SUFMNUM7UUFRb0IsU0FBSSxHQUF1QixJQUFJLENBQUM7UUFDaEMsb0JBQWUsR0FBWSxJQUFJLENBQUM7UUFDaEMsU0FBSSxHQUF5QixVQUFVLENBQUM7UUFDeEMsY0FBUyxHQUF1QixPQUFPLENBQUM7S0FZM0Q7SUFIVSxXQUFXO1FBQ2QsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDbEUsQ0FBQzsrR0FqQlEsK0JBQStCO21HQUEvQiwrQkFBK0IsME9DUDVDLHcxQ0F5QkE7OzRGRGxCYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0ksMEJBQTBCOzhCQUtwQixRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxlQUFlO3NCQUE5QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXknLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWN1cnJlbmN5LWRpc3BsYXkuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2dyYXZpdHktY3VycmVuY3ktZGlzcGxheS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5Q3VycmVuY3lEaXNwbGF5Q29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW47XG4gICAgQElucHV0KCkgcHVibGljIGN5cHJlc3NUYWc6IHN0cmluZztcbiAgICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnID0gJ21kJztcbiAgICBASW5wdXQoKSBwdWJsaWMgc2hvd05ldHdvcmtJY29uOiBib29sZWFuID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBwdWJsaWMgdHlwZTogJ2V4cGxpY2l0JyB8ICdzaG9ydCcgPSAnZXhwbGljaXQnO1xuICAgIEBJbnB1dCgpIHB1YmxpYyBhbGlnbm1lbnQ6ICdzdGFydCcgfCAnaW52ZXJ0JyA9ICdzdGFydCc7XG4gICAgQElucHV0KCkgcHVibGljIGN1cnJlbmN5OiB7XG4gICAgICAgIGN1cnJlbmN5X2lkOiBudW1iZXIsXG4gICAgICAgIGN1cnJlbmN5X25hbWU6IHN0cmluZyxcbiAgICAgICAgY3VycmVuY3lfaXNvPzogc3RyaW5nLFxuICAgICAgICBuZXR3b3JrX2lkPzogbnVtYmVyLFxuICAgICAgICBuZXR3b3JrX2lzbz86IHN0cmluZ1xuICAgIH07XG5cbiAgICBwdWJsaWMgZ2V0Rm9udFNpemUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnNpemUgPT09ICdtZCcgfHwgdGhpcy5zaXplID09PSAnbGcnID8gJ21kJyA6ICdzbSc7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImdyYXZpdHktY3VycmVuY3ktZGlzcGxheSB7e3NpemV9fSB7e3R5cGV9fVwiIFtjbGFzcy5kaXNhYmxlZF09XCJkaXNhYmxlZFwiPlxuICAgIDxncmF2aXR5LWN1cnJlbmN5XG4gICAgICAgICAgICBbc2l6ZV09XCJzaXplID09ICdzbScgJiYgdHlwZSA9PSAnc2hvcnQnID8gJ3NtLTE2JyA6IHNpemUgPT0gJ2xnJyA/ICdsZy0zMicgOiAnbWQtMjQnXCJcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIFtjdXJyZW5jeV09XCJ7Y3VycmVuY3lfaWQ6IGN1cnJlbmN5LmN1cnJlbmN5X2lkICwgbmV0d29ya19pZDogY3VycmVuY3k/Lm5ldHdvcmtfaWQgfVwiPlxuICAgIDwvZ3Jhdml0eS1jdXJyZW5jeT5cblxuICAgIDxkaXYgY2xhc3M9XCJjdXJyZW5jeS1jb250ZW50IHt7c2l6ZX19XCIgW25nQ2xhc3NdPVwieydpbnZlcnQnOiBhbGlnbm1lbnQgPT09ICdpbnZlcnQnfVwiPlxuICAgICAgICA8cCAqbmdJZj1cInR5cGUgPT09ICdleHBsaWNpdCdcIiBjbGFzcz1cImN1cnJlbmN5LW5hbWUgaHItYm9keVwiXG4gICAgICAgICAgIFtuZ0NsYXNzXT1cInR5cGUgPT09ICdleHBsaWNpdCcgJiYgYWxpZ25tZW50ID09PSAnc3RhcnQnID8gZ2V0Rm9udFNpemUoKSArICctcmVndWxhcicgOiAnc20tcmVndWxhcidcIj5cbiAgICAgICAgICAgIHt7IGN1cnJlbmN5LmN1cnJlbmN5X25hbWUgfX1cbiAgICAgICAgPC9wPlxuXG4gICAgICAgIDxkaXYgY2xhc3M9XCJpc28tY29udGVudCB7e3R5cGV9fSB7e3NpemV9fVwiPlxuICAgICAgICAgICAgPHAgY2xhc3M9XCJjdXJyZW5jeS1pc28gaHItYm9keVwiIFtuZ0NsYXNzXT1cInR5cGUgPT09ICdzaG9ydCcgPyAnbWQtcmVndWxhcicgOlxuICAgICAgICAgICAgICAgKHR5cGUgPT09ICdleHBsaWNpdCcgJiYgYWxpZ25tZW50ID09PSAnc3RhcnQnID8gJ3NtLXJlZ3VsYXInIDogZ2V0Rm9udFNpemUoKSArICctcmVndWxhcicpXCI+XG4gICAgICAgICAgICAgICB7eyBjdXJyZW5jeS5jdXJyZW5jeV9pc28gfX1cbiAgICAgICAgICAgIDwvcD5cblxuICAgICAgICAgICAgPGdyYXZpdHktbmV0d29yay1waWxsXG4gICAgICAgICAgICAgICAgICAgIFt0eXBlXT1cIidwcmltYXJ5J1wiIFtuZXR3b3JrXT1cIntpc286IGN1cnJlbmN5Py5uZXR3b3JrX2lzbywgaWQ6IGN1cnJlbmN5Lm5ldHdvcmtfaWR9XCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCIgW3Nob3dOZXR3b3JrSWNvbl09XCJzaG93TmV0d29ya0ljb25cIiAqbmdJZj1cImN1cnJlbmN5Py5uZXR3b3JrX2lzb1wiPlxuICAgICAgICAgICAgPC9ncmF2aXR5LW5ldHdvcmstcGlsbD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -98,11 +98,11 @@ export class GravityDropdownListDisplayComponent {
|
|
|
98
98
|
}
|
|
99
99
|
}
|
|
100
100
|
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 }); }
|
|
101
|
-
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-right: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"] }] }); }
|
|
101
|
+
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]=\"'lg'\" [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-right: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"] }] }); }
|
|
102
102
|
}
|
|
103
103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityDropdownListDisplayComponent, decorators: [{
|
|
104
104
|
type: Component,
|
|
105
|
-
args: [{ selector: 'gravity-dropdown-list-display', providers: [FilterByPipe], 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-right: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"] }]
|
|
105
|
+
args: [{ selector: 'gravity-dropdown-list-display', providers: [FilterByPipe], 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]=\"'lg'\" [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-right: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"] }]
|
|
106
106
|
}], ctorParameters: function () { return [{ type: i1.FilterByPipe }, { type: i0.ElementRef }]; }, propDecorators: { selectedItemsResponse: [{
|
|
107
107
|
type: Output,
|
|
108
108
|
args: ['response']
|
|
@@ -135,4 +135,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
135
135
|
type: HostListener,
|
|
136
136
|
args: ['document:click', ['$event']]
|
|
137
137
|
}] } });
|
|
138
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1kcm9wZG93bi1saXN0LWRpc3BsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWRyb3Bkb3duLWxpc3QtZGlzcGxheS9ncmF2aXR5LWRyb3Bkb3duLWxpc3QtZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5L2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQztBQUNyRSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRbEgsTUFBTSxPQUFPLG1DQUFtQztJQW1COUMsSUFDSSxLQUFLLENBQUMsV0FBeUM7UUFDakQsSUFBSSxXQUFXLEVBQUU7WUFDZixXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ25DO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFPRixZQUE2QixZQUEwQixFQUFVLEtBQWlCO1FBQXJELGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQVUsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQTlCdkQsMEJBQXFCLEdBQThCLElBQUksWUFBWSxFQUFFLENBQUM7UUFJakYsZ0JBQVcsR0FBVyxJQUFJLENBQUM7UUFDM0IsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBRTVCLGtCQUFhLEdBQVksS0FB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dCI6WyJpbXBvcnQge0Rpc3BsYXlDdXJyZW5jeUl0ZW1zfSBmcm9tIFwiLi9kaXNwbGF5LWN1cnJlbmN5LWl0ZW1zXCI7XG5pbXBvcnQge0ZpbHRlckJ5UGlwZX0gZnJvbSBcIi4uL2dyYXZpdHktZHJvcGRvd24tbGlzdC9maWx0ZXItYnkucGlwZVwiO1xuaW1wb3J0IHtDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1kcm9wZG93bi1saXN0LWRpc3BsYXkuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbRmlsdGVyQnlQaXBlXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5RHJvcGRvd25MaXN0RGlzcGxheUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcbiAgQE91dHB1dCgncmVzcG9uc2UnKSBwdWJsaWMgc2VsZWN0ZWRJdGVtc1Jlc3BvbnNlOiBFdmVudEVtaXR0ZXI8YW55W10gfCBhbnk+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=
|
|
138
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1kcm9wZG93bi1saXN0LWRpc3BsYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ3Jhdml0eS1kZXNpZ24tc3lzdGVtL3NyYy9saWIvY29tcG9uZW50cy9ncmF2aXR5LWRyb3Bkb3duLWxpc3QtZGlzcGxheS9ncmF2aXR5LWRyb3Bkb3duLWxpc3QtZGlzcGxheS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5L2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSx5Q0FBeUMsQ0FBQztBQUNyRSxPQUFPLEVBQUMsU0FBUyxFQUFjLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRbEgsTUFBTSxPQUFPLG1DQUFtQztJQW1COUMsSUFDSSxLQUFLLENBQUMsV0FBeUM7UUFDakQsSUFBSSxXQUFXLEVBQUU7WUFDZixXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ25DO0lBQ0gsQ0FBQztJQUFBLENBQUM7SUFPRixZQUE2QixZQUEwQixFQUFVLEtBQWlCO1FBQXJELGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBQVUsVUFBSyxHQUFMLEtBQUssQ0FBWTtRQTlCdkQsMEJBQXFCLEdBQThCLElBQUksWUFBWSxFQUFFLENBQUM7UUFJakYsZ0JBQVcsR0FBVyxJQUFJLENBQUM7UUFDM0IsZUFBVSxHQUFZLEtBQUssQ0FBQztRQUM1QixlQUFVLEdBQVksS0FBSyxDQUFDO1FBRTVCLGtCQUFhLEdBQVksS0FB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dCI6WyJpbXBvcnQge0Rpc3BsYXlDdXJyZW5jeUl0ZW1zfSBmcm9tIFwiLi9kaXNwbGF5LWN1cnJlbmN5LWl0ZW1zXCI7XG5pbXBvcnQge0ZpbHRlckJ5UGlwZX0gZnJvbSBcIi4uL2dyYXZpdHktZHJvcGRvd24tbGlzdC9maWx0ZXItYnkucGlwZVwiO1xuaW1wb3J0IHtDb21wb25lbnQsIEVsZW1lbnRSZWYsIEV2ZW50RW1pdHRlciwgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0LCBWaWV3Q2hpbGQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2dyYXZpdHktZHJvcGRvd24tbGlzdC1kaXNwbGF5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZ3Jhdml0eS1kcm9wZG93bi1saXN0LWRpc3BsYXkuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbRmlsdGVyQnlQaXBlXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5RHJvcGRvd25MaXN0RGlzcGxheUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdHtcbiAgQE91dHB1dCgncmVzcG9uc2UnKSBwdWJsaWMgc2VsZWN0ZWRJdGVtc1Jlc3BvbnNlOiBFdmVudEVtaXR0ZXI8YW55W10gfCBhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBjeXByZXNzVGFnOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBwbGFjZWhvbGRlcjogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgY3VycmVudExhbmc6IHN0cmluZyA9ICdlbic7XG4gIEBJbnB1dCgpIHB1YmxpYyBpc1JlYWRvbmx5OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBpc0Rpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21WYWx1ZXM6IEFycmF5PGFueT4gfCBhbnk7XG4gIEBJbnB1dCgpIHB1YmxpYyBkaXNhYmxlU2VhcmNoOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBkZWZhdWx0U2VsZWN0ZWRJdGVtSW5kZXg6IG51bWJlcjtcbiAgQElucHV0KCkgcHVibGljIGl0ZW1zOiBEaXNwbGF5Q3VycmVuY3lJdGVtc1tdID0gW107XG5cbiAgLy8gU2l6ZSBhbmQgV2lkdGhcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdtZCcgPSAnbWQnO1xuICBASW5wdXQoKSBwdWJsaWMgd2lkdGg6ICdzdGFuZGFyZCcgPSAnc3RhbmRhcmQnO1xuXG4gIHB1YmxpYyBzZWxlY3RlZEl0ZW06IERpc3BsYXlDdXJyZW5jeUl0ZW1zO1xuXG4gIEBWaWV3Q2hpbGQoJ3NlYXJjaElucHV0JylcbiAgc2V0IHdhdGNoKHNlYXJjaElucHV0OiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+KSB7XG4gICAgaWYgKHNlYXJjaElucHV0KSB7XG4gICAgICBzZWFyY2hJbnB1dC5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuICB9O1xuXG4gIHB1YmxpYyBhdmFpbGFibGVPcHRpb25zOiBhbnlbXSA9IFtdO1xuICBwdWJsaWMgZHJvcGRvd25PcGVuZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgcHVibGljIHNlYXJjaFRleHQ6IHN0cmluZyA9ICcnO1xuICBwdWJsaWMgc2VsZWN0ZWRJdGVtczogYW55W10gPSBbXTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGZpbHRlckJ5UGlwZTogRmlsdGVyQnlQaXBlLCBwcml2YXRlIF9lcmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMubG9hZEl0ZW1zKCk7XG4gICAgdGhpcy5hdmFpbGFibGVPcHRpb25zID0gdGhpcy5pdGVtcztcbiAgICBpZih0aGlzLmRlZmF1bHRTZWxlY3RlZEl0ZW1JbmRleCAhPSBudWxsKXtcbiAgICAgIHRoaXMuc2VsZWN0SXRlbSh0aGlzLml0ZW1zW3RoaXMuZGVmYXVsdFNlbGVjdGVkSXRlbUluZGV4XSk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBsb2FkSXRlbXMoKSB7XG4gICAgdGhpcy5hdmFpbGFibGVPcHRpb25zLmZvckVhY2goaXRlbSA9PiB7XG4gICAgICBpdGVtLmlzX2V4cGFuZGVkID0gZmFsc2U7XG4gICAgICBpZiAoaXRlbS5zdWJfaXRlbXMpIHtcbiAgICAgICAgaXRlbS5zdWJfaXRlbXMuZm9yRWFjaChzdWJJdGVtID0+IHtcbiAgICAgICAgICBzdWJJdGVtLmlzX2V4cGFuZGVkID0gZmFsc2U7XG4gICAgICAgIH0pO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIGdldFN0YXR1cygpOiBzdHJpbmcge1xuICAgIGlmICh0aGlzLmlzUmVhZG9ubHkpIHtcbiAgICAgIHJldHVybiAncmVhZG9ubHknO1xuICAgIH0gZWxzZSBpZiAodGhpcy5pc0Rpc2FibGVkKSB7XG4gICAgICByZXR1cm4gJ2Rpc2FibGVkJ1xuICAgIH0gZWxzZSBpZiAodGhpcy5kcm9wZG93bk9wZW5lZCkge1xuICAgICAgcmV0dXJuICdvcGVuJztcbiAgICB9IGVsc2UgaWYgKHRoaXMuc2VsZWN0ZWRJdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICByZXR1cm4gJ3NlbGVjdGVkJztcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuICdjbG9zZWQnO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyB0b2dnbGVEcm9wZG93bigpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaXNSZWFkb25seSkge1xuICAgICAgdGhpcy5kcm9wZG93bk9wZW5lZCA9ICF0aGlzLmRyb3Bkb3duT3BlbmVkO1xuICAgICAgaWYgKCF0aGlzLmRyb3Bkb3duT3BlbmVkKSB7XG4gICAgICAgICAgaWYgKHRoaXMuc2VsZWN0ZWRJdGVtc1swXSkge1xuICAgICAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zUmVzcG9uc2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXNbMF0pO1xuICAgICAgICAgIH1cbiAgICAgICAgdGhpcy5zZWFyY2hUZXh0ID0gJyc7XG4gICAgICAgIHRoaXMuYXZhaWxhYmxlT3B0aW9ucyA9IHRoaXMuaXRlbXM7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHVibGljIHNlbGVjdEl0ZW0oaXRlbVRvQWRkOiBhbnkpOiB2b2lkIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJdGVtID0gaXRlbVRvQWRkO1xuICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zID0gW2l0ZW1Ub0FkZF07XG4gICAgICB0aGlzLnRvZ2dsZURyb3Bkb3duKCk7XG4gIH1cblxuICBwdWJsaWMgY2hlY2tJZlNlbGVjdGVkKGl0ZW1Ub0ZpbmQ6IGFueSk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAhIXRoaXMuc2VsZWN0ZWRJdGVtcy5maW5kKChpdGVtOiBhbnkpID0+IGl0ZW1Ub0ZpbmQgPT0gaXRlbSk7XG4gIH1cblxuICBwdWJsaWMgZmlsdGVySXRlbXMoKTogdm9pZCB7XG4gICAgdGhpcy5hdmFpbGFibGVPcHRpb25zID0gdGhpcy5maWx0ZXJCeVBpcGUudHJhbnNmb3JtKHRoaXMuaXRlbXMsIHRoaXMuc2VhcmNoVGV4dCk7XG4gIH1cblxuICBASG9zdExpc3RlbmVyKCdkb2N1bWVudDpjbGljaycsIFsnJGV2ZW50J10pIG9uRG9jdW1lbnRDbGljaygkZXZlbnQ6IFBvaW50ZXJFdmVudCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5fZXJlZi5uYXRpdmVFbGVtZW50LmNvbnRhaW5zKCRldmVudC50YXJnZXQpICYmIHRoaXMuZHJvcGRvd25PcGVuZWQpIHtcbiAgICAgIHRoaXMuZHJvcGRvd25PcGVuZWQgPSBmYWxzZTtcbiAgICAgIGlmICh0aGlzLnNlbGVjdGVkSXRlbXNbMF0pIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZEl0ZW1zUmVzcG9uc2UuZW1pdCh0aGlzLnNlbGVjdGVkSXRlbXNbMF0pO1xuICAgICAgfVxuICAgICAgdGhpcy5zZWFyY2hUZXh0ID0gJyc7XG4gICAgICB0aGlzLmF2YWlsYWJsZU9wdGlvbnMgPSB0aGlzLml0ZW1zO1xuICAgIH1cbiAgfVxuXG59IiwiPGRpdiBbYXR0ci5kYXRhLWN5XT1cImN5cHJlc3NUYWdcIiBjbGFzcz1cImdyYXZpdHktaW5wdXQtZmllbGQge3tzaXplfX0ge3t3aWR0aH19LXdpZHRoIHt7Z2V0U3RhdHVzKCl9fVwiXG4gICAgIChjbGljayk9XCJ0b2dnbGVEcm9wZG93bigpXCI+XG5cbiAgICA8cCBjbGFzcz1cImhyLWxhYmVsIHt7c2l6ZX19LXJlZ3VsYXIgdmFsdWVcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNlbGVjdGVkSXRlbXMubGVuZ3RoID09IDBcIj57eyBwbGFjZWhvbGRlciB9fTwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2VsZWN0ZWRJdGVtcy5sZW5ndGggPiAwXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1jdXJyZW5jeS1kaXNwbGF5XG4gICAgICAgICAgICAgICAgICAgIFt0eXBlXT1cIidleHBsaWNpdCdcIiBbc2l6ZV09XCInbGcnXCIgW3Nob3dOZXR3b3JrSWNvbl09XCJmYWxzZVwiIFthbGlnbm1lbnRdPVwiJ2ludmVydCdcIiBbY3VycmVuY3ldPVwie2N1cnJlbmN5X2lkOiB0aGlzLnNlbGVjdGVkSXRlbS5jdXJyZW5jeV9pZCxcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnJlbmN5X25hbWU6IHRoaXMuc2VsZWN0ZWRJdGVtLmN1cnJlbmN5X25hbWUsXG4gICAgICAgICAgICAgICAgICAgICAgICBjdXJyZW5jeV9pc286IHRoaXMuc2VsZWN0ZWRJdGVtLmN1cnJlbmN5X2lzbyxcbiAgICAgICAgICAgICAgICAgICAgICAgIG5ldHdvcmtfaWQ6IHRoaXMuc2VsZWN0ZWRJdGVtLm5ldHdvcmtfaWQsXG4gICAgICAgICAgICAgICAgICAgICAgICBuZXR3b3JrX2lzbzogdGhpcy5zZWxlY3RlZEl0ZW0ubmV0d29ya19pc299XCI+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=
|
|
@@ -23,11 +23,11 @@ export class GravityEditableInputComponent {
|
|
|
23
23
|
inputField.focus();
|
|
24
24
|
}
|
|
25
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityEditableInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
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
|
|
26
|
+
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 {{size}}\" [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]=\"'sm'\" [iconSize]=\"'sm-12'\" (click)=\"focusInput(editableInput)\"> </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'\" [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 .editable-input.sm{height:28px}.gravity-editable-input .editable-input-container .editable-input.md{height:44px}.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%;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"] }] }); }
|
|
27
27
|
}
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityEditableInputComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
|
-
args: [{ selector: 'gravity-editable-input', 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
|
|
30
|
+
args: [{ selector: 'gravity-editable-input', 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 {{size}}\" [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]=\"'sm'\" [iconSize]=\"'sm-12'\" (click)=\"focusInput(editableInput)\"> </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'\" [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 .editable-input.sm{height:28px}.gravity-editable-input .editable-input-container .editable-input.md{height:44px}.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%;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"] }]
|
|
31
31
|
}], propDecorators: { label: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}], value: [{
|
|
@@ -47,4 +47,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
47
47
|
}], valueChange: [{
|
|
48
48
|
type: Output
|
|
49
49
|
}] } });
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZWRpdGFibGUtaW5wdXQvZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktZWRpdGFibGUtaW5wdXQvZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3ZFLE1BQU0sT0FBTyw2QkFBNkI7SUFMMUM7UUFNUyxjQUFTLEdBQVksS0FBSyxDQUFDO1FBR2xCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFHbkIsU0FBSSxHQUFnQixJQUFJLENBQUM7UUFDekIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLGVBQVUsR0FBWSxLQUFLLENBQUM7UUFFM0IsZ0JBQVcsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQWFqRjtJQVhRLE9BQU8sQ0FBQyxVQUE0QjtRQUN6QyxJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsVUFBVSxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsRUFBRSxDQUFDLENBQUM7U0FDNUQ7UUFDRCxJQUFJLENBQUMsU0FBUyxHQUFHLFVBQVUsQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDO1FBQ2hELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRU0sVUFBVSxDQUFDLFVBQTRCO1FBQzVDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNyQixDQUFDOytHQXhCVSw2QkFBNkI7bUdBQTdCLDZCQUE2QixtU0NQMUMsK3RDQWVNOzs0RkRSTyw2QkFBNkI7a0JBTHpDLFNBQVM7K0JBQ0Usd0JBQXdCOzhCQU9sQixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxZQUFZO3NCQUEzQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxTQUFTO3NCQUF4QixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBRVcsV0FBVztzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktZWRpdGFibGUtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2dyYXZpdHktZWRpdGFibGUtaW5wdXQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5RWRpdGFibGVJbnB1dENvbXBvbmVudCB7XG4gIHB1YmxpYyBpc0ZvY3VzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBwdWJsaWMgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHZhbHVlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcHVibGljIHBsYWNlaG9sZGVyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHB1YmxpYyBlcnJvck1lc3NhZ2U6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdzbScgfCAnbWQnID0gJ3NtJztcbiAgQElucHV0KCkgcHVibGljIHJlYWRPbmx5OiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHB1YmxpYyBoYXZlRXJyb3I6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgcHVibGljIGp1c3ROdW1iZXI6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgcHVibGljIHZhbHVlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuXG4gIHB1YmxpYyBvbktleVVwKGlucHV0RmllbGQ6IEhUTUxJbnB1dEVsZW1lbnQpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5qdXN0TnVtYmVyKSB7XG4gICAgICBpbnB1dEZpZWxkLnZhbHVlID0gaW5wdXRGaWVsZC52YWx1ZS5yZXBsYWNlKC9bXjAtOV0vZywgJycpO1xuICAgIH1cbiAgICB0aGlzLmhhdmVFcnJvciA9IGlucHV0RmllbGQudmFsdWUudHJpbSgpID09PSAnJztcbiAgICB0aGlzLnZhbHVlQ2hhbmdlLmVtaXQoaW5wdXRGaWVsZC52YWx1ZSk7XG4gIH1cblxuICBwdWJsaWMgZm9jdXNJbnB1dChpbnB1dEZpZWxkOiBIVE1MSW5wdXRFbGVtZW50KTogdm9pZCB7XG4gICAgaW5wdXRGaWVsZC5mb2N1cygpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ3Jhdml0eS1lZGl0YWJsZS1pbnB1dFwiPlxuICAgIDxkaXYgY2xhc3M9XCJlZGl0YWJsZS1pbnB1dC1jb250YWluZXJcIiBbY2xhc3MuZm9jdXNdPVwiaXNGb2N1c2VkXCIgW2NsYXNzLmVycm9yXT1cImhhdmVFcnJvclwiPlxuICAgICAgICA8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIGNsYXNzPVwiaHItbGFiZWwge3tzaXplfX0tYm9sZFwiPnt7IGxhYmVsIH19PC9sYWJlbD5cbiAgICAgICAgPGRpdiBjbGFzcz1cImVkaXRhYmxlLWlucHV0IHt7c2l6ZX19XCIgW2NsYXNzLnJlYWQtb25seV09XCJyZWFkT25seVwiPlxuICAgICAgICAgICAgPGlucHV0ICNlZGl0YWJsZUlucHV0IFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiIChmb2N1cyk9XCJpc0ZvY3VzZWQgPSB0cnVlXCIgKGJsdXIpPVwiaXNGb2N1c2VkID0gZmFsc2VcIlxuICAgICAgICAgICAgICAgICAgIChrZXl1cCk9XCJvbktleVVwKGVkaXRhYmxlSW5wdXQpXCIgW2Rpc2FibGVkXT1cInJlYWRPbmx5XCIgW3ZhbHVlXT1cInZhbHVlXCI+XG4gICAgICAgICAgICA8Z3Jhdml0eS1pY29uICpuZ0lmPVwiIXJlYWRPbmx5XCIgW3N0eWxlLi0taWNvbi1jb2xvcl09XCJoYXZlRXJyb3IgPyAndmFyKC0tbmVnYXRpdmUtcHJpbWFyeSknIDpcbiAgICAgICAgICAgICAgICAgICAgICAgICAgaXNGb2N1c2VkID8ndmFyKC0tb3V0bGluZS1maWVsZC1mdWxsLWVuYWJsZWQtdHlwaW5nLXByaW1hcnkpJyA6ICd2YXIoLS10ZXh0LXByaW1hcnkpJ1wiXG4gICAgICAgICAgICAgICAgICAgICAgICAgIFtpY29uTmFtZV09XCIndXBkYXRlJ1wiIFtzaXplXT1cIidzbSdcIiBbaWNvblNpemVdPVwiJ3NtLTEyJ1wiIChjbGljayk9XCJmb2N1c0lucHV0KGVkaXRhYmxlSW5wdXQpXCI+IDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZXJyb3ItbWVzc2FnZVwiICpuZ0lmPVwiaGF2ZUVycm9yICYmIGVycm9yTWVzc2FnZSAmJiAhcmVhZE9ubHlcIj5cbiAgICAgICAgPGdyYXZpdHktaWNvbiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cIid2YXIoLS1uZWdhdGl2ZS1wcmltYXJ5KSdcIiBbaWNvbk5hbWVdPVwiJ3dhcm5pbmctY2lyY2xlJ1wiIFtpY29uU2l6ZV09XCInc20tMTInXCI+IDwvZ3Jhdml0eS1pY29uPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImhyLWxhYmVsIHNtLXJlZ3VsYXJcIj57eyBlcnJvck1lc3NhZ2UgfX08L3NwYW4+XG4gICAgPC9kaXY+XG48L2Rpdj4iXX0=
|
|
@@ -11,15 +11,17 @@ export class GravityTabSecondaryComponent {
|
|
|
11
11
|
this.pressed = new EventEmitter();
|
|
12
12
|
}
|
|
13
13
|
setActiveTab(index) {
|
|
14
|
+
if (this.tabs[index]?.disabled)
|
|
15
|
+
return;
|
|
14
16
|
this.selected = index;
|
|
15
17
|
this.pressed.emit(index);
|
|
16
18
|
}
|
|
17
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabSecondaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabSecondaryComponent, selector: "gravity-tab-secondary", inputs: { selected: "selected", size: "size", fullWidth: "fullWidth", tabs: "tabs" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content {{size}}\" [class.selected]=\"selected === i\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\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-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{width:100%;height:20px;display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{width:max-content
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityTabSecondaryComponent, selector: "gravity-tab-secondary", inputs: { selected: "selected", size: "size", fullWidth: "fullWidth", tabs: "tabs" }, outputs: { pressed: "pressed" }, ngImport: i0, template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.disabled]=\"tab.disabled\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content {{size}}\" [class.selected]=\"selected === i\" [class.disabled]=\"tab.disabled\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\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-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{width:100%;height:20px;display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{width:max-content}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.disabled) p{color:var(--cta-primary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.selected,.disabled):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content.selected.limited-width{border-bottom:1px solid var(--text-highlight-primary);border-radius:.3125rem .3125rem 0 0}.gravity-tab-secondary-container .gravity-tab-secondary .disabled p{color:var(--on-bg-disabled)}.gravity-tab-secondary-container .gravity-tab-secondary .full-width{border-bottom:1px solid var(--text-highlight-primary)}.gravity-tab-secondary-container.full-width{width:100%}.gravity-tab-secondary-container .limited-width{gap:var(--gravity-spacing-xs)}.gravity-tab-secondary-container .full-width{width:100%;display:flex;justify-content:center;transition:border-bottom .3s ease;border-bottom:1px solid var(--surface-primary)}.gravity-tab-secondary-container .full-width.selected{border-bottom:1px solid var(--cta-primary)}.gravity-tab-secondary-container .full-width:not(.selected):hover{border-bottom:1px solid var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .full-width .sm{width:100%;height:12px;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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"] }] }); }
|
|
19
21
|
}
|
|
20
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityTabSecondaryComponent, decorators: [{
|
|
21
23
|
type: Component,
|
|
22
|
-
args: [{ selector: 'gravity-tab-secondary', template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content {{size}}\" [class.selected]=\"selected === i\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\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-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{width:100%;height:20px;display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{width:max-content
|
|
24
|
+
args: [{ selector: 'gravity-tab-secondary', template: "<div class=\"gravity-tab-secondary-container\" [ngClass]=\"fullWidth ? 'full-width' : 'limited-width'\">\n <div class=\"gravity-tab-secondary\" [class.selected]=\"selected === i\" [class.disabled]=\"tab.disabled\" [class.full-width]=\"fullWidth\"\n *ngFor=\"let tab of tabs; let i = index\" [attr.data-cy]=\"tab.cypressTag\">\n <div class=\"tab-content {{size}}\" [class.selected]=\"selected === i\" [class.disabled]=\"tab.disabled\" [class.limited-width]=\"!fullWidth\" (click)=\"setActiveTab(i)\">\n <gravity-icon *ngIf=\"tab.icon\" [style.--icon-color]=\"'var(--cta-primary)'\" [size]=\"'sm'\"\n [iconName]=\"tab.icon\" [iconSize]=\"'sm-12'\" class=\"icon-left\">\n </gravity-icon>\n <p class=\"hr-label\"\n [ngClass]=\"selected === i ? (size + '-bold') : (size + '-regular')\">{{ tab.title }}</p>\n </div>\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-tab-secondary-container{display:flex}.gravity-tab-secondary-container .gravity-tab-secondary{padding:var(--gravity-spacing-xxs)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content{width:100%;height:20px;display:flex;cursor:default;align-items:center;justify-content:center;gap:var(--gravity-spacing-xxs);border-radius:.3125rem;padding:var(--gravity-spacing-xxs);border-bottom:1px solid transparent;transition:border-bottom .3s ease,border-radius .3s ease}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content p{width:max-content}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.disabled) p{color:var(--cta-primary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content:not(.selected,.disabled):hover{cursor:pointer;background-color:var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .gravity-tab-secondary .tab-content.selected.limited-width{border-bottom:1px solid var(--text-highlight-primary);border-radius:.3125rem .3125rem 0 0}.gravity-tab-secondary-container .gravity-tab-secondary .disabled p{color:var(--on-bg-disabled)}.gravity-tab-secondary-container .gravity-tab-secondary .full-width{border-bottom:1px solid var(--text-highlight-primary)}.gravity-tab-secondary-container.full-width{width:100%}.gravity-tab-secondary-container .limited-width{gap:var(--gravity-spacing-xs)}.gravity-tab-secondary-container .full-width{width:100%;display:flex;justify-content:center;transition:border-bottom .3s ease;border-bottom:1px solid var(--surface-primary)}.gravity-tab-secondary-container .full-width.selected{border-bottom:1px solid var(--cta-primary)}.gravity-tab-secondary-container .full-width:not(.selected):hover{border-bottom:1px solid var(--bg-button-active-tertiary)}.gravity-tab-secondary-container .full-width .sm{width:100%;height:12px;justify-content:center}\n"] }]
|
|
23
25
|
}], propDecorators: { selected: [{
|
|
24
26
|
type: Input
|
|
25
27
|
}], size: [{
|
|
@@ -31,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
31
33
|
}], pressed: [{
|
|
32
34
|
type: Output
|
|
33
35
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS10YWItc2Vjb25kYXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS10YWItc2Vjb25kYXJ5L2dyYXZpdHktdGFiLXNlY29uZGFyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktdGFiLXNlY29uZGFyeS9ncmF2aXR5LXRhYi1zZWNvbmRhcnkuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU92RSxNQUFNLE9BQU8sNEJBQTRCO0lBTHpDO1FBTVcsYUFBUSxHQUFXLENBQUMsQ0FBQztRQUNyQixTQUFJLEdBQWdCLElBQUksQ0FBQztRQUN6QixjQUFTLEdBQVksS0FBSyxDQUFDO1FBQzNCLFNBQUksR0FBOEUsRUFBRSxDQUFDO1FBRXBGLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBT2hEO0lBTFEsWUFBWSxDQUFDLEtBQWE7UUFDL0IsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLFFBQVE7WUFBRSxPQUFPO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNCLENBQUM7K0dBWlUsNEJBQTRCO21HQUE1Qiw0QkFBNEIsb0xDUHpDLGc2QkFXTTs7NEZESk8sNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLHVCQUF1Qjs4QkFLeEIsUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktdGFiLXNlY29uZGFyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LXRhYi1zZWNvbmRhcnkuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LXRhYi1zZWNvbmRhcnkuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5VGFiU2Vjb25kYXJ5Q29tcG9uZW50IHtcbiAgQElucHV0KCkgc2VsZWN0ZWQ6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIHNpemU6ICdzbScgfCAnbWQnID0gJ3NtJztcbiAgQElucHV0KCkgZnVsbFdpZHRoOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHRhYnM6IHsgdGl0bGU6IHN0cmluZywgaWNvbjogc3RyaW5nLCBjeXByZXNzVGFnOiBzdHJpbmcsIGRpc2FibGVkPzogYm9vbGVhbiB9W10gPSBbXTtcblxuICBAT3V0cHV0KCkgcHJlc3NlZCA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIHB1YmxpYyBzZXRBY3RpdmVUYWIoaW5kZXg6IG51bWJlcik6IHZvaWQge1xuICAgIGlmICh0aGlzLnRhYnNbaW5kZXhdPy5kaXNhYmxlZCkgcmV0dXJuO1xuICAgIHRoaXMuc2VsZWN0ZWQgPSBpbmRleDtcbiAgICB0aGlzLnByZXNzZWQuZW1pdChpbmRleCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJncmF2aXR5LXRhYi1zZWNvbmRhcnktY29udGFpbmVyXCIgW25nQ2xhc3NdPVwiZnVsbFdpZHRoID8gJ2Z1bGwtd2lkdGgnIDogJ2xpbWl0ZWQtd2lkdGgnXCI+XG4gICAgPGRpdiBjbGFzcz1cImdyYXZpdHktdGFiLXNlY29uZGFyeVwiIFtjbGFzcy5zZWxlY3RlZF09XCJzZWxlY3RlZCA9PT0gaVwiIFtjbGFzcy5kaXNhYmxlZF09XCJ0YWIuZGlzYWJsZWRcIiBbY2xhc3MuZnVsbC13aWR0aF09XCJmdWxsV2lkdGhcIlxuICAgICAgICAgKm5nRm9yPVwibGV0IHRhYiBvZiB0YWJzOyBsZXQgaSA9IGluZGV4XCIgW2F0dHIuZGF0YS1jeV09XCJ0YWIuY3lwcmVzc1RhZ1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwidGFiLWNvbnRlbnQge3tzaXplfX1cIiBbY2xhc3Muc2VsZWN0ZWRdPVwic2VsZWN0ZWQgPT09IGlcIiBbY2xhc3MuZGlzYWJsZWRdPVwidGFiLmRpc2FibGVkXCIgW2NsYXNzLmxpbWl0ZWQtd2lkdGhdPVwiIWZ1bGxXaWR0aFwiIChjbGljayk9XCJzZXRBY3RpdmVUYWIoaSlcIj5cbiAgICAgICAgICAgIDxncmF2aXR5LWljb24gKm5nSWY9XCJ0YWIuaWNvblwiIFtzdHlsZS4tLWljb24tY29sb3JdPVwiJ3ZhcigtLWN0YS1wcmltYXJ5KSdcIiBbc2l6ZV09XCInc20nXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgW2ljb25OYW1lXT1cInRhYi5pY29uXCIgW2ljb25TaXplXT1cIidzbS0xMidcIiBjbGFzcz1cImljb24tbGVmdFwiPlxuICAgICAgICAgICAgPC9ncmF2aXR5LWljb24+XG4gICAgICAgICAgICA8cCBjbGFzcz1cImhyLWxhYmVsXCJcbiAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInNlbGVjdGVkID09PSBpID8gKHNpemUgKyAnLWJvbGQnKSA6IChzaXplICsgJy1yZWd1bGFyJylcIj57eyB0YWIudGl0bGUgfX08L3A+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+Il19
|