All files / lib/internal icon-container.directive.ts

100% Statements 43/43
100% Branches 18/18
100% Functions 3/3
100% Lines 43/43

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 441x 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;
}