Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | 1x 1x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 2677x 1x | import { Directive, Input } from '@angular/core';
@Directive({
selector: '[gc-icon-container]',
host: {
'[style.position]': ' autoCenter ? "relative" : null',
'[style.top]': 'autoCenter ? "calc(calc(100% - "+boundingBox+"px) / 2)" : null',
'[style.overflow]': '"hidden"',
'[style.minWidth.px]': 'boundingBox',
'[style.minHeight.px]': 'boundingBox',
'[style.maxWidth.px]': 'boundingBox',
'[style.maxHeight.px]': 'boundingBox',
'[style.alignItems]': 'autoCenter ? "center": null',
'[style.--gc-dualtone-color-1]': 'inverted ? "var(--gc-inverted-dualtone-color-1, var(--gc-weiss))" : "var(--gc-default-dualtone-color-1, var(--gc-nacht-blau))"',
'[style.--gc-dualtone-color-2]': 'inverted ? "var(--gc-inverted-dualtone-color-2, var(--gc-nacht-blau))" : "var(--gc-default-dualtone-color-2, var(--gc-grau-hell))"',
'[class]': '"gc-icon-container"'
},
})
export class IconContainerDirective {
/**
* The bounding box in px.
*/
@Input()
public boundingBox = 16;
/**
* If dualtone colors are inverted
*/
@Input()
public inverted = false;
/**
* Turn on auto-centering
*/
@Input()
public autoCenter = false;
/**
* @ignore
*/
public _top = 0;
}
|