@testgorilla/tgo-ui 2.10.1 → 2.10.3

package/projects/tgo-canopy-ui/components/icon/icon.component.ts

@@ -1,147 +0,0 @@
-import {
-  Component,
-  HostBinding,
-  Inject,
-  Input,
-  OnInit,
-  Optional,
-  SimpleChanges,
-  ViewEncapsulation
-} from '@angular/core';
-import { MatIconRegistry } from '@angular/material/icon';
-import { DomSanitizer } from '@angular/platform-browser';
-import { tgoIcons, tgoRebrandIcons } from './icon.config';
-import { IconColor, IconName, IconSize } from './icon.model';
-import { ApplicationTheme } from '../../models/application-theme.model';
-
-@Component({
-  selector: 'ui-icon',
-  templateUrl: './icon.component.html',
-  styleUrls: ['./icon.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-})
-export class IconComponent implements OnInit {
-  /**
-   * Icon size
-   *
-   * @type {IconSize}
-   * @memberof IconComponent
-   */
-  @HostBinding('style.--icon-size')
-  @Input() size: IconSize = '16';
-
-  /**
-   * Icon css class
-   *
-   * @memberof IconComponent
-   */
-  @Input() cssClass = '';
-
-  /**
-   * Icon name
-   *
-   * @type {IconName}
-   * @memberof IconComponent
-   */
-  @Input() name: IconName;
-
-  /**
-   * Icon color
-   *
-   * @type {IconColor}
-   * @memberof IconComponent
-   */
-  @Input() color?: IconColor = 'black';
-
-  /**
-   * Icon filled
-   *
-   * @type {boolean}
-   * @memberof IconComponent
-   */
-  @Input() filled = false;
-
-  /**
-   *
-   * Defines the application theme
-   *
-   * @type {ApplicationTheme}
-   * @memberof IconComponent
-   */
-  @Input() applicationTheme: ApplicationTheme = 'light';
-
-  customCssClass: string;
-  filename: IconName | undefined;
-
-  constructor(
-    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme,
-    private matIconRegistry: MatIconRegistry, private domSanitzer: DomSanitizer
-  ) {
-    if (defaultAppTheme) {
-      this.applicationTheme = defaultAppTheme;
-    }
-  }
-
-  ngOnInit(): void {
-    this.customCssClass = this.setCssClass();
-    this.addIcon();
-  }
-
-  ngOnChanges(changes: SimpleChanges) {
-    if (changes['size'] || changes['cssClass'] || changes['color'] ) {
-      this.customCssClass = this.setCssClass();
-    }
-    if (changes['name'] || changes['filled'] || changes['applicationTheme']) {
-      this.addIcon();
-    }
-  }
-
-  //set css class for size
-  setCssClass(): string {
-    return `${this.cssClass} size-${this.size} ${this.color}`;
-  }
-
-  //Add icon to matIcon registry
-  addIcon() {
-    let filename: IconName | undefined;
-
-    if (this.filled || this.name?.includes('filled')) {
-      this.name = this.name.replace(/-in-line/, '') as IconName;
-      filename =
-        this.applicationTheme === 'classic'
-          ? tgoIcons.find(icon => icon === this.filledIconName)
-          : tgoRebrandIcons.find(icon => icon === this.filledIconName);
-    } else {
-      filename =
-        this.applicationTheme === 'classic'
-          ? (this.name?.replace(/-filled|-in-line/, '') as IconName)
-          : (this.inlineIconFileName as IconName);
-    }
-
-    if (!filename) {
-      filename = tgoIcons.find(icon => icon === this.name);
-    }
-
-    this.name = filename as IconName;
-    const path = this.applicationTheme === 'classic' ? '/icons/' : '/icons/rebrand/';
-
-    if (filename) {
-      this.matIconRegistry.addSvgIcon(
-        filename,
-        this.domSanitzer.bypassSecurityTrustResourceUrl(`${path}${filename}.svg`)
-      );
-    }
-  }
-
-  get filledIconName() {
-    return this.name.includes('filled') ? this.name : `${this.name}-filled`;
-  }
-
-  get inlineIconName() {
-    return this.name.includes('in-line') ? this.name : `${this.name}-in-line`;
-  }
-
-  get inlineIconFileName() {
-    return this.name.includes('filled') ? this.name.replace('filled', 'in-line') : this.inlineIconName;
-  }
-}