@progressio_resources/gravity-design-system 3.3.31 → 3.3.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-v2/gravity-currency-display-v2.component.mjs +2 -2
- package/esm2022/lib/components/gravity-dropdown-list/gravity-dropdown-list.component.mjs +3 -3
- package/fesm2022/progressio_resources-gravity-design-system.mjs +4 -4
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/package.json +1 -1
package/esm2022/lib/components/gravity-currency-display-v2/gravity-currency-display-v2.component.mjs
CHANGED
|
@@ -9,11 +9,11 @@ export class GravityCurrencyDisplayV2Component {
|
|
|
9
9
|
this.type = 'full';
|
|
10
10
|
}
|
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCurrencyDisplayV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCurrencyDisplayV2Component, selector: "gravity-currency-display-v2", inputs: { disabled: "disabled", type: "type", currency: "currency" }, ngImport: i0, template: "<section class=\"gravity-currency-display\">\n <gravity-currency *ngIf=\"type === 'full'\"\n [disabled]=\"disabled\" [size]=\"'md-24'\"\n [currency]=\"{ currency_id: currency.currency_id}\">\n </gravity-currency>\n\n <section class=\"currency-info {{type}}\" [class.disabled]=\"disabled\">\n <div class=\"iso-and-network\">\n <div class=\"currency-iso\">\n <gravity-currency *ngIf=\"type !== 'full'\"\n [disabled]=\"disabled\" [size]=\"'sm-16'\"\n [currency]=\"{ currency_id: currency.currency_id}\" >\n </gravity-currency>\n\n <span class=\"hr-body sm-bold\">{{currency.currency_iso}}</span>\n </div>\n\n <gravity-network-pill *ngIf=\"type !== 'fiat-short'\"\n [type]=\"'primary'\"\n [disabled]=\"disabled\"\n [network]=\"{iso: currency?.network_iso, id: currency?.network_id}\" >\n </gravity-network-pill>\n </div>\n\n <span *ngIf=\"!type.startsWith('short')\" class=\"hr-body sm-regular\">{{currency?.currency_name}}</span>\n </section>\n</section>\n", styles: [".gravity-currency-display{align-items:center;
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityCurrencyDisplayV2Component, selector: "gravity-currency-display-v2", inputs: { disabled: "disabled", type: "type", currency: "currency" }, ngImport: i0, template: "<section class=\"gravity-currency-display\">\n <gravity-currency *ngIf=\"type === 'full'\"\n [disabled]=\"disabled\" [size]=\"'md-24'\"\n [currency]=\"{ currency_id: currency.currency_id}\">\n </gravity-currency>\n\n <section class=\"currency-info {{type}}\" [class.disabled]=\"disabled\">\n <div class=\"iso-and-network\">\n <div class=\"currency-iso\">\n <gravity-currency *ngIf=\"type !== 'full'\"\n [disabled]=\"disabled\" [size]=\"'sm-16'\"\n [currency]=\"{ currency_id: currency.currency_id}\" >\n </gravity-currency>\n\n <span class=\"hr-body sm-bold\">{{currency.currency_iso}}</span>\n </div>\n\n <gravity-network-pill *ngIf=\"type !== 'fiat-short'\"\n [type]=\"'primary'\"\n [disabled]=\"disabled\"\n [network]=\"{iso: currency?.network_iso, id: currency?.network_id}\" >\n </gravity-network-pill>\n </div>\n\n <span *ngIf=\"!type.startsWith('short')\" class=\"hr-body sm-regular\">{{currency?.currency_name}}</span>\n </section>\n</section>\n", styles: [".gravity-currency-display{display:flex;align-items:center;gap:var(--gravity-spacing-xxs)}.gravity-currency-display .currency-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-currency-display .currency-info .iso-and-network{height:14px;display:flex;align-items:center;gap:var(--gravity-spacing-xxxs)}.gravity-currency-display .currency-info .iso-and-network .currency-iso{display:flex;align-items:center;gap:var(--gravity-spacing-xxs)}.gravity-currency-display .currency-info span{height:9px;line-height:9px}.gravity-currency-display .currency-info.short-vrt .iso-and-network{flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-currency-display .currency-info.fiat-short{align-items:center;flex-direction:row}.gravity-currency-display .currency-info.fiat-short span{margin-top:var(--gravity-spacing-xxxs)}.gravity-currency-display .currency-info.disabled span{color:var(--on-bg-disabled)}\n"], dependencies: [{ 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"] }] }); }
|
|
13
13
|
}
|
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityCurrencyDisplayV2Component, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
|
-
args: [{ selector: 'gravity-currency-display-v2', template: "<section class=\"gravity-currency-display\">\n <gravity-currency *ngIf=\"type === 'full'\"\n [disabled]=\"disabled\" [size]=\"'md-24'\"\n [currency]=\"{ currency_id: currency.currency_id}\">\n </gravity-currency>\n\n <section class=\"currency-info {{type}}\" [class.disabled]=\"disabled\">\n <div class=\"iso-and-network\">\n <div class=\"currency-iso\">\n <gravity-currency *ngIf=\"type !== 'full'\"\n [disabled]=\"disabled\" [size]=\"'sm-16'\"\n [currency]=\"{ currency_id: currency.currency_id}\" >\n </gravity-currency>\n\n <span class=\"hr-body sm-bold\">{{currency.currency_iso}}</span>\n </div>\n\n <gravity-network-pill *ngIf=\"type !== 'fiat-short'\"\n [type]=\"'primary'\"\n [disabled]=\"disabled\"\n [network]=\"{iso: currency?.network_iso, id: currency?.network_id}\" >\n </gravity-network-pill>\n </div>\n\n <span *ngIf=\"!type.startsWith('short')\" class=\"hr-body sm-regular\">{{currency?.currency_name}}</span>\n </section>\n</section>\n", styles: [".gravity-currency-display{align-items:center;
|
|
16
|
+
args: [{ selector: 'gravity-currency-display-v2', template: "<section class=\"gravity-currency-display\">\n <gravity-currency *ngIf=\"type === 'full'\"\n [disabled]=\"disabled\" [size]=\"'md-24'\"\n [currency]=\"{ currency_id: currency.currency_id}\">\n </gravity-currency>\n\n <section class=\"currency-info {{type}}\" [class.disabled]=\"disabled\">\n <div class=\"iso-and-network\">\n <div class=\"currency-iso\">\n <gravity-currency *ngIf=\"type !== 'full'\"\n [disabled]=\"disabled\" [size]=\"'sm-16'\"\n [currency]=\"{ currency_id: currency.currency_id}\" >\n </gravity-currency>\n\n <span class=\"hr-body sm-bold\">{{currency.currency_iso}}</span>\n </div>\n\n <gravity-network-pill *ngIf=\"type !== 'fiat-short'\"\n [type]=\"'primary'\"\n [disabled]=\"disabled\"\n [network]=\"{iso: currency?.network_iso, id: currency?.network_id}\" >\n </gravity-network-pill>\n </div>\n\n <span *ngIf=\"!type.startsWith('short')\" class=\"hr-body sm-regular\">{{currency?.currency_name}}</span>\n </section>\n</section>\n", styles: [".gravity-currency-display{display:flex;align-items:center;gap:var(--gravity-spacing-xxs)}.gravity-currency-display .currency-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-currency-display .currency-info .iso-and-network{height:14px;display:flex;align-items:center;gap:var(--gravity-spacing-xxxs)}.gravity-currency-display .currency-info .iso-and-network .currency-iso{display:flex;align-items:center;gap:var(--gravity-spacing-xxs)}.gravity-currency-display .currency-info span{height:9px;line-height:9px}.gravity-currency-display .currency-info.short-vrt .iso-and-network{flex-direction:column;align-items:flex-start;gap:var(--gravity-spacing-xxs)}.gravity-currency-display .currency-info.fiat-short{align-items:center;flex-direction:row}.gravity-currency-display .currency-info.fiat-short span{margin-top:var(--gravity-spacing-xxxs)}.gravity-currency-display .currency-info.disabled span{color:var(--on-bg-disabled)}\n"] }]
|
|
17
17
|
}], propDecorators: { disabled: [{
|
|
18
18
|
type: Input
|
|
19
19
|
}], type: [{
|