@progressio_resources/gravity-design-system 3.5.4 → 3.5.5
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-icon/gravity-icon.component.mjs +26 -5
- package/fesm2022/progressio_resources-gravity-design-system.mjs +24 -4
- package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
- package/lib/components/gravity-icon/gravity-icon.component.d.ts +5 -0
- package/package.json +1 -1
|
@@ -1,20 +1,41 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "angular-svg-icon";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
4
5
|
export class GravityIconComponent {
|
|
6
|
+
constructor(iconRegistry) {
|
|
7
|
+
this.iconRegistry = iconRegistry;
|
|
8
|
+
}
|
|
5
9
|
static isOldIcon(iconName) {
|
|
6
10
|
return OLD_ICONS[iconName] != undefined;
|
|
7
11
|
}
|
|
8
12
|
static isNewIcon(iconName) {
|
|
9
13
|
return ICONS[iconName] != undefined;
|
|
10
14
|
}
|
|
11
|
-
|
|
12
|
-
|
|
15
|
+
get iconExists() {
|
|
16
|
+
const fullIconName = this.getFullIconName();
|
|
17
|
+
const iconsMap = this.iconRegistry.iconsByUrl;
|
|
18
|
+
if (iconsMap && iconsMap instanceof Map) {
|
|
19
|
+
return iconsMap.has(fullIconName);
|
|
20
|
+
}
|
|
21
|
+
return true;
|
|
22
|
+
}
|
|
23
|
+
getFullIconName() {
|
|
24
|
+
if (this.isCoin) {
|
|
25
|
+
return 'gt-icon-' + this.iconName;
|
|
26
|
+
}
|
|
27
|
+
if (this.iconSize) {
|
|
28
|
+
return 'gt-icon-' + this.iconName + '-' + this.iconSize;
|
|
29
|
+
}
|
|
30
|
+
return this.iconName;
|
|
31
|
+
}
|
|
32
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityIconComponent, deps: [{ token: i1.SvgIconRegistryService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
33
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityIconComponent, selector: "gravity-icon", inputs: { customIconColorVariable: "customIconColorVariable", iconName: "iconName", iconSize: "iconSize", hoverIcon: "hoverIcon", size: "size", isCoin: "isCoin" }, ngImport: i0, template: "<svg-icon *ngIf=\"iconExists\" [class.with-hover]=\"hoverIcon\" class=\"{{size}} {{iconSize}}\" [style.--icon-color]=\"customIconColorVariable\"\n [name]=\"isCoin ? 'gt-icon-' + iconName : iconSize ? 'gt-icon-' + iconName + '-' + iconSize : iconName\"></svg-icon>\n", styles: [":host{--icon-color: var(--icon-active-primary);display:block;height:var(--icon-height);min-height:var(--icon-height);min-width:var(--icon-width);width:var(--icon-width)}:host:hover svg-icon.with-hover{--icon-color: var(--icon-hover-primary)}:host:has(.sm){--icon-height: 1rem;--icon-width: 1rem}:host:has(.md){--icon-height: 1.5rem;--icon-width: 1.5rem}:host:has(.lg){--icon-height: 2rem;--icon-width: 2rem}:host:has(.sm-12){--icon-height: 12px;--icon-width: 12px}:host:has(.md-16){--icon-height: 16px;--icon-width: 16px}:host:has(.lg-24){--icon-height: 24px;--icon-width: 24px}:host:has(.xl-32){--icon-height: 32px;--icon-width: 32px}svg-icon{pointer-events:none}svg-icon ::ng-deep svg{display:block;height:100%;line-height:0;width:100%}\n"], dependencies: [{ kind: "component", type: i1.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
13
34
|
}
|
|
14
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityIconComponent, decorators: [{
|
|
15
36
|
type: Component,
|
|
16
|
-
args: [{ selector: 'gravity-icon', template: "<svg-icon [class.with-hover]=\"hoverIcon\" class=\"{{size}} {{iconSize}}\" [style.--icon-color]=\"customIconColorVariable\"\n [name]=\"isCoin ? 'gt-icon-' + iconName : iconSize ? 'gt-icon-' + iconName + '-' + iconSize : iconName\"></svg-icon>\n", styles: [":host{--icon-color: var(--icon-active-primary);display:block;height:var(--icon-height);min-height:var(--icon-height);min-width:var(--icon-width);width:var(--icon-width)}:host:hover svg-icon.with-hover{--icon-color: var(--icon-hover-primary)}:host:has(.sm){--icon-height: 1rem;--icon-width: 1rem}:host:has(.md){--icon-height: 1.5rem;--icon-width: 1.5rem}:host:has(.lg){--icon-height: 2rem;--icon-width: 2rem}:host:has(.sm-12){--icon-height: 12px;--icon-width: 12px}:host:has(.md-16){--icon-height: 16px;--icon-width: 16px}:host:has(.lg-24){--icon-height: 24px;--icon-width: 24px}:host:has(.xl-32){--icon-height: 32px;--icon-width: 32px}svg-icon{pointer-events:none}svg-icon ::ng-deep svg{display:block;height:100%;line-height:0;width:100%}\n"] }]
|
|
17
|
-
}], propDecorators: { customIconColorVariable: [{
|
|
37
|
+
args: [{ selector: 'gravity-icon', template: "<svg-icon *ngIf=\"iconExists\" [class.with-hover]=\"hoverIcon\" class=\"{{size}} {{iconSize}}\" [style.--icon-color]=\"customIconColorVariable\"\n [name]=\"isCoin ? 'gt-icon-' + iconName : iconSize ? 'gt-icon-' + iconName + '-' + iconSize : iconName\"></svg-icon>\n", styles: [":host{--icon-color: var(--icon-active-primary);display:block;height:var(--icon-height);min-height:var(--icon-height);min-width:var(--icon-width);width:var(--icon-width)}:host:hover svg-icon.with-hover{--icon-color: var(--icon-hover-primary)}:host:has(.sm){--icon-height: 1rem;--icon-width: 1rem}:host:has(.md){--icon-height: 1.5rem;--icon-width: 1.5rem}:host:has(.lg){--icon-height: 2rem;--icon-width: 2rem}:host:has(.sm-12){--icon-height: 12px;--icon-width: 12px}:host:has(.md-16){--icon-height: 16px;--icon-width: 16px}:host:has(.lg-24){--icon-height: 24px;--icon-width: 24px}:host:has(.xl-32){--icon-height: 32px;--icon-width: 32px}svg-icon{pointer-events:none}svg-icon ::ng-deep svg{display:block;height:100%;line-height:0;width:100%}\n"] }]
|
|
38
|
+
}], ctorParameters: function () { return [{ type: i1.SvgIconRegistryService }]; }, propDecorators: { customIconColorVariable: [{
|
|
18
39
|
type: Input
|
|
19
40
|
}], iconName: [{
|
|
20
41
|
type: Input
|
|
@@ -94,4 +115,4 @@ export var ICONS;
|
|
|
94
115
|
ICONS[ICONS["wallet"] = 57] = "wallet";
|
|
95
116
|
ICONS[ICONS["warning-circle"] = 58] = "warning-circle";
|
|
96
117
|
})(ICONS || (ICONS = {}));
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3Jhdml0eS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dyYXZpdHktZGVzaWduLXN5c3RlbS9zcmMvbGliL2NvbXBvbmVudHMvZ3Jhdml0eS1pY29uL2dyYXZpdHktaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ncmF2aXR5LWRlc2lnbi1zeXN0ZW0vc3JjL2xpYi9jb21wb25lbnRzL2dyYXZpdHktaWNvbi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7QUFRL0MsTUFBTSxPQUFPLG9CQUFvQjtJQVEvQixZQUFvQixZQUFvQztRQUFwQyxpQkFBWSxHQUFaLFlBQVksQ0FBd0I7SUFBRyxDQUFDO0lBRXJELE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBZ0I7UUFDdEMsT0FBTyxTQUFTLENBQUMsUUFBUSxDQUFDLElBQUksU0FBUyxDQUFDO0lBQzFDLENBQUM7SUFFTSxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQWdCO1FBQ3RDLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLFNBQVMsQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBVyxVQUFVO1FBQ25CLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUU1QyxNQUFNLFFBQVEsR0FBSSxJQUFJLENBQUMsWUFBb0IsQ0FBQyxVQUFVLENBQUM7UUFFdkQsSUFBSSxRQUFRLElBQUksUUFBUSxZQUFZLEdBQUcsRUFBRTtZQUN2QyxPQUFPLFFBQVEsQ0FBQyxHQUFHLENBQUMsWUFBWSxDQUFDLENBQUM7U0FDbkM7UUFFRCxPQUFPLElBQUksQ0FBQztJQUNkLENBQUM7SUFFTyxlQUFlO1FBQ3JCLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRTtZQUNmLE9BQU8sVUFBVSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDbkM7UUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsT0FBTyxVQUFVLEdBQUcsSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztTQUN6RDtRQUNELE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDOytHQXRDVSxvQkFBb0I7bUdBQXBCLG9CQUFvQix3TkNSakMsb1JBRUE7OzRGRE1hLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxjQUFjOzZHQUtSLHVCQUF1QjtzQkFBdEMsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLE1BQU07c0JBQXJCLEtBQUs7O0FBbUNSLE1BQU0sQ0FBTixJQUFZLFNBR1g7QUFIRCxXQUFZLFNBQVM7SUFDbkIsK0NBQVMsQ0FBQTtJQUNULHFEQUFZLENBQUE7QUFDZCxDQUFDLEVBSFcsU0FBUyxLQUFULFNBQVMsUUFHcEI7QUFFRCxNQUFNLENBQU4sSUFBWSxLQTREWDtBQTVERCxXQUFZLEtBQUs7SUFDZiw2Q0FBWSxDQUFBO0lBQ1osK0NBQWEsQ0FBQTtJQUNiLDZDQUFZLENBQUE7SUFDWiw2Q0FBWSxDQUFBO0lBQ1osK0NBQWEsQ0FBQTtJQUNiLHlDQUFVLENBQUE7SUFDVixpQ0FBTSxDQUFBO0lBQ04seUNBQVUsQ0FBQTtJQUNWLG1DQUFPLENBQUE7SUFDUCxtREFBZSxDQUFBO0lBQ2Ysb0NBQU8sQ0FBQTtJQUNQLGdFQUFxQixDQUFBO0lBQ3JCLDREQUFtQixDQUFBO0lBQ25CLGtDQUFNLENBQUE7SUFDTix3Q0FBUyxDQUFBO0lBQ1QsMENBQVUsQ0FBQTtJQUNWLDhDQUFZLENBQUE7SUFDWiwwQ0FBVSxDQUFBO0lBQ1YsNERBQW1CLENBQUE7SUFDbkIsMENBQVUsQ0FBQTtJQUNWLDhDQUFZLENBQUE7SUFDWixrQ0FBTSxDQUFBO0lBQ04sOERBQW9CLENBQUE7SUFDcEIsZ0VBQXFCLENBQUE7SUFDckIsMENBQVUsQ0FBQTtJQUNWLGtDQUFNLENBQUE7SUFDTixrQ0FBTSxDQUFBO0lBQ04sMENBQVUsQ0FBQTtJQUNWLHdDQUFTLENBQUE7SUFDVCxrREFBYyxDQUFBO0lBQ2Qsd0NBQVMsQ0FBQTtJQUNULGtDQUFNLENBQUE7SUFDTixnQ0FBSyxDQUFBO0lBQ0wsOEJBQUksQ0FBQTtJQUNKLHNDQUFRLENBQUE7SUFDUixrQ0FBTSxDQUFBO0lBQ04sd0RBQWlCLENBQUE7SUFDakIsb0NBQU8sQ0FBQTtJQUNQLG9DQUFPLENBQUE7SUFDUCxzQ0FBUSxDQUFBO0lBQ1IsNERBQW1CLENBQUE7SUFDbkIsc0NBQVEsQ0FBQTtJQUNSLDBDQUFVLENBQUE7SUFDViwwQ0FBVSxDQUFBO0lBQ1YsMENBQVUsQ0FBQTtJQUNWLGtDQUFNLENBQUE7SUFDTixzREFBZ0IsQ0FBQTtJQUNoQixvQ0FBTyxDQUFBO0lBQ1AsMERBQWtCLENBQUE7SUFDbEIsNERBQW1CLENBQUE7SUFDbkIsc0NBQVEsQ0FBQTtJQUNSLGtDQUFNLENBQUE7SUFDTixvQ0FBTyxDQUFBO0lBQ1Asc0NBQVEsQ0FBQTtJQUNSLDRDQUFXLENBQUE7SUFDWCxzQ0FBUSxDQUFBO0lBQ1Isa0NBQU0sQ0FBQTtJQUNOLHNDQUFRLENBQUE7SUFDUixzREFBZ0IsQ0FBQTtBQUNsQixDQUFDLEVBNURXLEtBQUssS0FBTCxLQUFLLFFBNERoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbnB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1N2Z0ljb25SZWdpc3RyeVNlcnZpY2V9IGZyb20gXCJhbmd1bGFyLXN2Zy1pY29uXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dyYXZpdHktaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ncmF2aXR5LWljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9ncmF2aXR5LWljb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHcmF2aXR5SWNvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21JY29uQ29sb3JWYXJpYWJsZTogc3RyaW5nO1xuICBASW5wdXQoKSBwdWJsaWMgaWNvbk5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgcHVibGljIGljb25TaXplOiAnbGctMjQnIHwgJ21kLTE2JyB8ICdzbS0xMicgfCAneGwtMzInO1xuICBASW5wdXQoKSBwdWJsaWMgaG92ZXJJY29uOiBib29sZWFuO1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ3NtJyB8ICdtZCcgfCAnbGcnO1xuICBASW5wdXQoKSBwdWJsaWMgaXNDb2luOiBib29sZWFuO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaWNvblJlZ2lzdHJ5OiBTdmdJY29uUmVnaXN0cnlTZXJ2aWNlKSB7fVxuXG4gIHB1YmxpYyBzdGF0aWMgaXNPbGRJY29uKGljb25OYW1lOiBzdHJpbmcpOiBib29sZWFuIHtcbiAgICByZXR1cm4gT0xEX0lDT05TW2ljb25OYW1lXSAhPSB1bmRlZmluZWQ7XG4gIH1cblxuICBwdWJsaWMgc3RhdGljIGlzTmV3SWNvbihpY29uTmFtZTogc3RyaW5nKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIElDT05TW2ljb25OYW1lXSAhPSB1bmRlZmluZWQ7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGljb25FeGlzdHMoKTogYm9vbGVhbiB7XG4gICAgY29uc3QgZnVsbEljb25OYW1lID0gdGhpcy5nZXRGdWxsSWNvbk5hbWUoKTtcblxuICAgIGNvbnN0IGljb25zTWFwID0gKHRoaXMuaWNvblJlZ2lzdHJ5IGFzIGFueSkuaWNvbnNCeVVybDtcblxuICAgIGlmIChpY29uc01hcCAmJiBpY29uc01hcCBpbnN0YW5jZW9mIE1hcCkge1xuICAgICAgcmV0dXJuIGljb25zTWFwLmhhcyhmdWxsSWNvbk5hbWUpO1xuICAgIH1cblxuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRGdWxsSWNvbk5hbWUoKTogc3RyaW5nIHtcbiAgICBpZiAodGhpcy5pc0NvaW4pIHtcbiAgICAgIHJldHVybiAnZ3QtaWNvbi0nICsgdGhpcy5pY29uTmFtZTtcbiAgICB9XG4gICAgaWYgKHRoaXMuaWNvblNpemUpIHtcbiAgICAgIHJldHVybiAnZ3QtaWNvbi0nICsgdGhpcy5pY29uTmFtZSArICctJyArIHRoaXMuaWNvblNpemU7XG4gICAgfVxuICAgIHJldHVybiB0aGlzLmljb25OYW1lO1xuICB9XG59XG5cbmV4cG9ydCBlbnVtIE9MRF9JQ09OUyB7XG4gICd1bmNoZWNrJyxcbiAgJ2Fycm93LWJhY2snXG59XG5cbmV4cG9ydCBlbnVtIElDT05TIHtcbiAgJ2FkZC11cGRhdGUnLFxuICAnYWRkcmVzc2Jvb2snLFxuICAnYXJyb3ctZG93bicsXG4gICdhcnJvdy1sZWZ0JyxcbiAgJ2Fycm93LXJpZ2h0JyxcbiAgJ2Fycm93LXVwJyxcbiAgJ2JlbGwnLFxuICAnY2FsZW5kYXInLFxuICAnY2hlY2snLFxuICAnY2hlY2tib3gtZGFzaCcsXG4gICdjbG9jaycsXG4gICdjaGV2cm9uLWRvdWJsZS1kb3duJyxcbiAgJ2NoZXZyb24tZG91YmxlLXVwJyxcbiAgJ2NvcHknLFxuICAnZGVwb3NpdCcsXG4gICdkb3dubG9hZCcsXG4gICdleWUtY2xvc2VkJyxcbiAgJ2V5ZS1vcGVuJyxcbiAgJ2V4Y2hhbmdlLXByb3ZpZGVyJyxcbiAgJ2dyYXBoaWNzJyxcbiAgJ2hhcHB5LWZhY2UnLFxuICAnaG9tZScsXG4gICdpbmZvcm1hdGlvbi1jaXJjbGUnLFxuICAnaW50ZXJuYWwtcHJvY2Vzc2luZycsXG4gICdsYW5ndWFnZScsXG4gICdtYWlsJyxcbiAgJ21lbnUnLFxuICAnbW9uZXktaW4nLFxuICAnbW9uaXRvcicsXG4gICdtb3JlLW9wdGlvbnMnLFxuICAnbmV3LXRhYicsXG4gICduZXdzJyxcbiAgJ29mZicsXG4gICdvbicsXG4gICdwYXlvdXQnLFxuICAncGx1cycsXG4gICdxdWVzdGlvbi1jaXJjbGUnLFxuICAncXVldWUnLFxuICAncmF0ZXMnLFxuICAncmVwb3J0JyxcbiAgJ3JpZ2h0LWFuZ2xlLWFycm93JyxcbiAgJ3NlYXJjaCcsXG4gICdzZWN1cml0eScsXG4gICdzZXR0aW5ncycsXG4gICdzaWduLW91dCcsXG4gICdzdG9wJyxcbiAgJ3N1Y2Nlc3MtY2lyY2xlJyxcbiAgJ3N3YXBzJyxcbiAgJ3N3YXBzLWFycm93LWxlZnQnLFxuICAnc3dhcHMtYXJyb3ctcmlnaHQnLFxuICAnc3dpdGNoJyxcbiAgJ3Rvb2wnLFxuICAndHJhc2gnLFxuICAndW5sb2NrJyxcbiAgJ3Vuc3VjY2VzcycsXG4gICd1cGRhdGUnLFxuICAndXNlcicsXG4gICd3YWxsZXQnLFxuICAnd2FybmluZy1jaXJjbGUnXG59XG4iLCI8c3ZnLWljb24gKm5nSWY9XCJpY29uRXhpc3RzXCIgW2NsYXNzLndpdGgtaG92ZXJdPVwiaG92ZXJJY29uXCIgY2xhc3M9XCJ7e3NpemV9fSB7e2ljb25TaXplfX1cIiBbc3R5bGUuLS1pY29uLWNvbG9yXT1cImN1c3RvbUljb25Db2xvclZhcmlhYmxlXCJcbiAgICAgICAgICBbbmFtZV09XCJpc0NvaW4gPyAnZ3QtaWNvbi0nICsgaWNvbk5hbWUgOiBpY29uU2l6ZSA/ICdndC1pY29uLScgKyBpY29uTmFtZSArICctJyArIGljb25TaXplIDogaWNvbk5hbWVcIj48L3N2Zy1pY29uPlxuIl19
|
|
@@ -23,19 +23,39 @@ import * as i7 from 'ngx-bootstrap/positioning';
|
|
|
23
23
|
import * as i2$2 from 'ngx-bootstrap/component-loader';
|
|
24
24
|
|
|
25
25
|
class GravityIconComponent {
|
|
26
|
+
constructor(iconRegistry) {
|
|
27
|
+
this.iconRegistry = iconRegistry;
|
|
28
|
+
}
|
|
26
29
|
static isOldIcon(iconName) {
|
|
27
30
|
return OLD_ICONS[iconName] != undefined;
|
|
28
31
|
}
|
|
29
32
|
static isNewIcon(iconName) {
|
|
30
33
|
return ICONS[iconName] != undefined;
|
|
31
34
|
}
|
|
32
|
-
|
|
33
|
-
|
|
35
|
+
get iconExists() {
|
|
36
|
+
const fullIconName = this.getFullIconName();
|
|
37
|
+
const iconsMap = this.iconRegistry.iconsByUrl;
|
|
38
|
+
if (iconsMap && iconsMap instanceof Map) {
|
|
39
|
+
return iconsMap.has(fullIconName);
|
|
40
|
+
}
|
|
41
|
+
return true;
|
|
42
|
+
}
|
|
43
|
+
getFullIconName() {
|
|
44
|
+
if (this.isCoin) {
|
|
45
|
+
return 'gt-icon-' + this.iconName;
|
|
46
|
+
}
|
|
47
|
+
if (this.iconSize) {
|
|
48
|
+
return 'gt-icon-' + this.iconName + '-' + this.iconSize;
|
|
49
|
+
}
|
|
50
|
+
return this.iconName;
|
|
51
|
+
}
|
|
52
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityIconComponent, deps: [{ token: i1.SvgIconRegistryService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
53
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: GravityIconComponent, selector: "gravity-icon", inputs: { customIconColorVariable: "customIconColorVariable", iconName: "iconName", iconSize: "iconSize", hoverIcon: "hoverIcon", size: "size", isCoin: "isCoin" }, ngImport: i0, template: "<svg-icon *ngIf=\"iconExists\" [class.with-hover]=\"hoverIcon\" class=\"{{size}} {{iconSize}}\" [style.--icon-color]=\"customIconColorVariable\"\n [name]=\"isCoin ? 'gt-icon-' + iconName : iconSize ? 'gt-icon-' + iconName + '-' + iconSize : iconName\"></svg-icon>\n", styles: [":host{--icon-color: var(--icon-active-primary);display:block;height:var(--icon-height);min-height:var(--icon-height);min-width:var(--icon-width);width:var(--icon-width)}:host:hover svg-icon.with-hover{--icon-color: var(--icon-hover-primary)}:host:has(.sm){--icon-height: 1rem;--icon-width: 1rem}:host:has(.md){--icon-height: 1.5rem;--icon-width: 1.5rem}:host:has(.lg){--icon-height: 2rem;--icon-width: 2rem}:host:has(.sm-12){--icon-height: 12px;--icon-width: 12px}:host:has(.md-16){--icon-height: 16px;--icon-width: 16px}:host:has(.lg-24){--icon-height: 24px;--icon-width: 24px}:host:has(.xl-32){--icon-height: 32px;--icon-width: 32px}svg-icon{pointer-events:none}svg-icon ::ng-deep svg{display:block;height:100%;line-height:0;width:100%}\n"], dependencies: [{ kind: "component", type: i1.SvgIconComponent, selector: "svg-icon", inputs: ["src", "name", "stretch", "applyClass", "applyCss", "svgClass", "class", "viewBox", "svgAriaLabel", "svgStyle"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
34
54
|
}
|
|
35
55
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GravityIconComponent, decorators: [{
|
|
36
56
|
type: Component,
|
|
37
|
-
args: [{ selector: 'gravity-icon', template: "<svg-icon [class.with-hover]=\"hoverIcon\" class=\"{{size}} {{iconSize}}\" [style.--icon-color]=\"customIconColorVariable\"\n [name]=\"isCoin ? 'gt-icon-' + iconName : iconSize ? 'gt-icon-' + iconName + '-' + iconSize : iconName\"></svg-icon>\n", styles: [":host{--icon-color: var(--icon-active-primary);display:block;height:var(--icon-height);min-height:var(--icon-height);min-width:var(--icon-width);width:var(--icon-width)}:host:hover svg-icon.with-hover{--icon-color: var(--icon-hover-primary)}:host:has(.sm){--icon-height: 1rem;--icon-width: 1rem}:host:has(.md){--icon-height: 1.5rem;--icon-width: 1.5rem}:host:has(.lg){--icon-height: 2rem;--icon-width: 2rem}:host:has(.sm-12){--icon-height: 12px;--icon-width: 12px}:host:has(.md-16){--icon-height: 16px;--icon-width: 16px}:host:has(.lg-24){--icon-height: 24px;--icon-width: 24px}:host:has(.xl-32){--icon-height: 32px;--icon-width: 32px}svg-icon{pointer-events:none}svg-icon ::ng-deep svg{display:block;height:100%;line-height:0;width:100%}\n"] }]
|
|
38
|
-
}], propDecorators: { customIconColorVariable: [{
|
|
57
|
+
args: [{ selector: 'gravity-icon', template: "<svg-icon *ngIf=\"iconExists\" [class.with-hover]=\"hoverIcon\" class=\"{{size}} {{iconSize}}\" [style.--icon-color]=\"customIconColorVariable\"\n [name]=\"isCoin ? 'gt-icon-' + iconName : iconSize ? 'gt-icon-' + iconName + '-' + iconSize : iconName\"></svg-icon>\n", styles: [":host{--icon-color: var(--icon-active-primary);display:block;height:var(--icon-height);min-height:var(--icon-height);min-width:var(--icon-width);width:var(--icon-width)}:host:hover svg-icon.with-hover{--icon-color: var(--icon-hover-primary)}:host:has(.sm){--icon-height: 1rem;--icon-width: 1rem}:host:has(.md){--icon-height: 1.5rem;--icon-width: 1.5rem}:host:has(.lg){--icon-height: 2rem;--icon-width: 2rem}:host:has(.sm-12){--icon-height: 12px;--icon-width: 12px}:host:has(.md-16){--icon-height: 16px;--icon-width: 16px}:host:has(.lg-24){--icon-height: 24px;--icon-width: 24px}:host:has(.xl-32){--icon-height: 32px;--icon-width: 32px}svg-icon{pointer-events:none}svg-icon ::ng-deep svg{display:block;height:100%;line-height:0;width:100%}\n"] }]
|
|
58
|
+
}], ctorParameters: function () { return [{ type: i1.SvgIconRegistryService }]; }, propDecorators: { customIconColorVariable: [{
|
|
39
59
|
type: Input
|
|
40
60
|
}], iconName: [{
|
|
41
61
|
type: Input
|