@testgorilla/tgo-ui 11.22.3 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-logo.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-logo.mjs","sources":["../../../components/logo/logo.model.ts","../../../components/logo/logo.component.ts","../../../components/logo/logo.component.html","../../../components/logo/logo.component.module.ts","../../../components/logo/testgorilla-tgo-ui-components-logo.ts"],"sourcesContent":["export enum LogoTypeEnum {\n  DEFAULT = 'default',\n  POWEREDBY = 'poweredby',\n  REVERSE = 'reverse',\n  PRIMARY_BRANDMARK_PINK = 'primary-brandmark-pink',\n  PRIMARY_LOCKUP_PINK = 'primary-lockup-pink',\n  PRIMARY_WORDMARK_PINK = 'primary-wordmark-pink',\n  SECONDARY_BRANDMARK_BLACK = 'secondary-brandmark-black',\n  SECONDARY_BRANDMARK_CREAM = 'secondary-brandmark-cream',\n  SECONDARY_LOCKUP_BLACK = 'secondary-lockup-black',\n  SECONDARY_LOCKUP_CREAM = 'secondary-lockup-cream',\n  SECONDARY_WORDMARK_BLACK = 'secondary-wordmark-black',\n  SECONDARY_WORDMARK_CREAM = 'secondary-wordmark-cream',\n}\n\nexport enum LogoPathEnum {\n  DEFAULT = '/images/testgorilla.svg',\n  POWEREDBY = '/images/poweredbyTG.svg',\n  REVERSE = '/images/reverseTG.svg',\n  PRIMARY_BRANDMARK_PINK = '/images/rebrand-logo/primary_brandmark_pink.svg',\n  PRIMARY_LOCKUP_PINK = '/images/rebrand-logo/primary_lockup_pink.svg',\n  PRIMARY_WORDMARK_PINK = '/images/rebrand-logo/primary_wordmark_pink.svg',\n  SECONDARY_BRANDMARK_BLACK = '/images/rebrand-logo/secondary_brandmark_black.svg',\n  SECONDARY_BRANDMARK_CREAM = '/images/rebrand-logo/secondary_brandmark_cream.svg',\n  SECONDARY_LOCKUP_BLACK = '/images/rebrand-logo/secondary_lockup_black.svg',\n  SECONDARY_LOCKUP_CREAM = '/images/rebrand-logo/secondary_lockup_cream.svg',\n  SECONDARY_WORDMARK_BLACK = '/images/rebrand-logo/secondary_wordmark_black.svg',\n  SECONDARY_WORDMARK_CREAM = '/images/rebrand-logo/secondary_wordmark_cream.svg',\n  REBRAND_POWEREDBY = '/images/rebrand-logo/powered-by.svg',\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  SimpleChanges,\n} from '@angular/core';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\nimport { LogoPathEnum, LogoTypeEnum } from './logo.model';\n\n@Component({\n  selector: 'ui-logo',\n  templateUrl: './logo.component.html',\n  styleUrls: ['./logo.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LogoComponent implements OnInit, OnChanges {\n  /**\n   * Logo type\n   *\n   * @type {LogoTypeEnum}\n   * @memberof LogoComponent\n   */\n  @Input() type: LogoTypeEnum = LogoTypeEnum.DEFAULT;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof LogoComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   *\n   * Label. Only for ppoweredby type\n   *\n   * @type {string}\n   * @memberof LogoComponent\n   */\n  @Input() label = 'POWERED BY';\n\n  /**\n   * Set logo width\n   * @default 200\n   * @type {number}\n   * @memberof LogoComponent\n   */\n  @Input() width = 200;\n\n  /**\n   *\n   * Allow change logo width\n   *\n   * @type {string}\n   * @memberof LogoComponent\n   */\n  @Input() allowResizing = false;\n\n  protected readonly LogoTypeEnum = LogoTypeEnum;\n\n  /**\n   * @ignore\n   */\n  logoURL: string;\n\n  /**\n   * @ignore\n   */\n  setURL = () => {\n    if (this.applicationTheme === 'classic') {\n      // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check -- only POWEREDBY/REVERSE are themed for classic; every other LogoTypeEnum variant intentionally uses the DEFAULT logo via the default case.\n      switch (this.type) {\n        case LogoTypeEnum.POWEREDBY: {\n          this.logoURL = LogoPathEnum.POWEREDBY;\n          break;\n        }\n        case LogoTypeEnum.REVERSE: {\n          this.logoURL = LogoPathEnum.REVERSE;\n          break;\n        }\n        default: {\n          this.logoURL = LogoPathEnum.DEFAULT;\n          break;\n        }\n      }\n    } else {\n      // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check -- the non-classic theme maps each pink/secondary variant explicitly; DEFAULT/REVERSE intentionally fall back to PRIMARY_LOCKUP_PINK via the default case.\n      switch (this.type) {\n        case LogoTypeEnum.PRIMARY_BRANDMARK_PINK: {\n          this.logoURL = LogoPathEnum.PRIMARY_BRANDMARK_PINK;\n          break;\n        }\n        case LogoTypeEnum.PRIMARY_LOCKUP_PINK: {\n          this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;\n          break;\n        }\n        case LogoTypeEnum.PRIMARY_WORDMARK_PINK: {\n          this.logoURL = LogoPathEnum.PRIMARY_WORDMARK_PINK;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_BRANDMARK_BLACK: {\n          this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_BLACK;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_BRANDMARK_CREAM: {\n          this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_CREAM;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_LOCKUP_BLACK: {\n          this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_BLACK;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_LOCKUP_CREAM: {\n          this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_CREAM;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_WORDMARK_BLACK: {\n          this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_BLACK;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_WORDMARK_CREAM: {\n          this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_CREAM;\n          break;\n        }\n        case LogoTypeEnum.POWEREDBY: {\n          this.logoURL = LogoPathEnum.REBRAND_POWEREDBY;\n          break;\n        }\n        default: {\n          this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;\n          break;\n        }\n      }\n    }\n  };\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  ngOnInit(): void {\n    this.setURL();\n  }\n\n  /**\n   * @ignore\n   */\n  ngOnChanges(changes: SimpleChanges): void {\n    this.setURL();\n    if (changes['width']) {\n      this.changeWidth(changes['width'].currentValue as number);\n    }\n  }\n\n  private changeWidth(changedWidth: number): void {\n    if (changedWidth >= 200 || this.allowResizing) {\n      this.width = changedWidth;\n    } else {\n      this.width = 200;\n    }\n  }\n}\n","@if (applicationTheme === 'classic') {\n  <img [attr.src]=\"logoURL\" [alt]=\"type\" />\n} @else {\n  @if (label && type === LogoTypeEnum.POWEREDBY) {\n    <div class=\"logo-label\" [style.width.px]=\"width\">\n      <h3 class=\"bold\" [style.margin-left.px]=\"width * 0.175\" [style.font-size.px]=\"width * 0.1\">\n        {{ label }}\n      </h3>\n      <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n    </div>\n  } @else {\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { LogoComponent } from './logo.component';\n\n@NgModule({\n  imports: [LogoComponent],\n  exports: [LogoComponent],\n})\nexport class LogoComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-logo.mjs","names":[],"sources":["../../../components/logo/logo.model.ts","../../../components/logo/logo.component.ts","../../../components/logo/logo.component.html","../../../components/logo/logo.component.module.ts"],"sourcesContent":["export enum LogoTypeEnum {\n  DEFAULT = 'default',\n  POWEREDBY = 'poweredby',\n  REVERSE = 'reverse',\n  PRIMARY_BRANDMARK_PINK = 'primary-brandmark-pink',\n  PRIMARY_LOCKUP_PINK = 'primary-lockup-pink',\n  PRIMARY_WORDMARK_PINK = 'primary-wordmark-pink',\n  SECONDARY_BRANDMARK_BLACK = 'secondary-brandmark-black',\n  SECONDARY_BRANDMARK_CREAM = 'secondary-brandmark-cream',\n  SECONDARY_LOCKUP_BLACK = 'secondary-lockup-black',\n  SECONDARY_LOCKUP_CREAM = 'secondary-lockup-cream',\n  SECONDARY_WORDMARK_BLACK = 'secondary-wordmark-black',\n  SECONDARY_WORDMARK_CREAM = 'secondary-wordmark-cream',\n}\n\nexport enum LogoPathEnum {\n  DEFAULT = '/images/testgorilla.svg',\n  POWEREDBY = '/images/poweredbyTG.svg',\n  REVERSE = '/images/reverseTG.svg',\n  PRIMARY_BRANDMARK_PINK = '/images/rebrand-logo/primary_brandmark_pink.svg',\n  PRIMARY_LOCKUP_PINK = '/images/rebrand-logo/primary_lockup_pink.svg',\n  PRIMARY_WORDMARK_PINK = '/images/rebrand-logo/primary_wordmark_pink.svg',\n  SECONDARY_BRANDMARK_BLACK = '/images/rebrand-logo/secondary_brandmark_black.svg',\n  SECONDARY_BRANDMARK_CREAM = '/images/rebrand-logo/secondary_brandmark_cream.svg',\n  SECONDARY_LOCKUP_BLACK = '/images/rebrand-logo/secondary_lockup_black.svg',\n  SECONDARY_LOCKUP_CREAM = '/images/rebrand-logo/secondary_lockup_cream.svg',\n  SECONDARY_WORDMARK_BLACK = '/images/rebrand-logo/secondary_wordmark_black.svg',\n  SECONDARY_WORDMARK_CREAM = '/images/rebrand-logo/secondary_wordmark_cream.svg',\n  REBRAND_POWEREDBY = '/images/rebrand-logo/powered-by.svg',\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  Inject,\n  Input,\n  OnChanges,\n  OnInit,\n  Optional,\n  SimpleChanges,\n} from '@angular/core';\n\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\nimport { LogoPathEnum, LogoTypeEnum } from './logo.model';\n\n@Component({\n  selector: 'ui-logo',\n  templateUrl: './logo.component.html',\n  styleUrls: ['./logo.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LogoComponent implements OnInit, OnChanges {\n  /**\n   * Logo type\n   *\n   * @type {LogoTypeEnum}\n   * @memberof LogoComponent\n   */\n  @Input() type: LogoTypeEnum = LogoTypeEnum.DEFAULT;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof LogoComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   *\n   * Label. Only for ppoweredby type\n   *\n   * @type {string}\n   * @memberof LogoComponent\n   */\n  @Input() label = 'POWERED BY';\n\n  /**\n   * Set logo width\n   * @default 200\n   * @type {number}\n   * @memberof LogoComponent\n   */\n  @Input() width = 200;\n\n  /**\n   *\n   * Allow change logo width\n   *\n   * @type {string}\n   * @memberof LogoComponent\n   */\n  @Input() allowResizing = false;\n\n  protected readonly LogoTypeEnum = LogoTypeEnum;\n\n  /**\n   * @ignore\n   */\n  logoURL: string;\n\n  /**\n   * @ignore\n   */\n  setURL = () => {\n    if (this.applicationTheme === 'classic') {\n      // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check -- only POWEREDBY/REVERSE are themed for classic; every other LogoTypeEnum variant intentionally uses the DEFAULT logo via the default case.\n      switch (this.type) {\n        case LogoTypeEnum.POWEREDBY: {\n          this.logoURL = LogoPathEnum.POWEREDBY;\n          break;\n        }\n        case LogoTypeEnum.REVERSE: {\n          this.logoURL = LogoPathEnum.REVERSE;\n          break;\n        }\n        default: {\n          this.logoURL = LogoPathEnum.DEFAULT;\n          break;\n        }\n      }\n    } else {\n      // eslint-disable-next-line @typescript-eslint/switch-exhaustiveness-check -- the non-classic theme maps each pink/secondary variant explicitly; DEFAULT/REVERSE intentionally fall back to PRIMARY_LOCKUP_PINK via the default case.\n      switch (this.type) {\n        case LogoTypeEnum.PRIMARY_BRANDMARK_PINK: {\n          this.logoURL = LogoPathEnum.PRIMARY_BRANDMARK_PINK;\n          break;\n        }\n        case LogoTypeEnum.PRIMARY_LOCKUP_PINK: {\n          this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;\n          break;\n        }\n        case LogoTypeEnum.PRIMARY_WORDMARK_PINK: {\n          this.logoURL = LogoPathEnum.PRIMARY_WORDMARK_PINK;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_BRANDMARK_BLACK: {\n          this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_BLACK;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_BRANDMARK_CREAM: {\n          this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_CREAM;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_LOCKUP_BLACK: {\n          this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_BLACK;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_LOCKUP_CREAM: {\n          this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_CREAM;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_WORDMARK_BLACK: {\n          this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_BLACK;\n          break;\n        }\n        case LogoTypeEnum.SECONDARY_WORDMARK_CREAM: {\n          this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_CREAM;\n          break;\n        }\n        case LogoTypeEnum.POWEREDBY: {\n          this.logoURL = LogoPathEnum.REBRAND_POWEREDBY;\n          break;\n        }\n        default: {\n          this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;\n          break;\n        }\n      }\n    }\n  };\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  /**\n   * @ignore\n   */\n  ngOnInit(): void {\n    this.setURL();\n  }\n\n  /**\n   * @ignore\n   */\n  ngOnChanges(changes: SimpleChanges): void {\n    this.setURL();\n    if (changes['width']) {\n      this.changeWidth(changes['width'].currentValue as number);\n    }\n  }\n\n  private changeWidth(changedWidth: number): void {\n    if (changedWidth >= 200 || this.allowResizing) {\n      this.width = changedWidth;\n    } else {\n      this.width = 200;\n    }\n  }\n}\n","@if (applicationTheme === 'classic') {\n  <img [attr.src]=\"logoURL\" [alt]=\"type\" />\n} @else {\n  @if (label && type === LogoTypeEnum.POWEREDBY) {\n    <div class=\"logo-label\" [style.width.px]=\"width\">\n      <h3 class=\"bold\" [style.margin-left.px]=\"width * 0.175\" [style.font-size.px]=\"width * 0.1\">\n        {{ label }}\n      </h3>\n      <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n    </div>\n  } @else {\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\" />\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { LogoComponent } from './logo.component';\n\n@NgModule({\n  imports: [LogoComponent],\n  exports: [LogoComponent],\n})\nexport class LogoComponentModule {}\n"],"mappings":"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"}

package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs

@@ -1,49 +1,184 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
-import * as i3 from '@angular/material/tooltip';
-import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i2 from '@testgorilla/tgo-ui/components/button';
-import { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
-import { EllipseTextDirective } from '@testgorilla/tgo-ui/components/core';
-import * as i1 from '@testgorilla/tgo-ui/components/divider';
-import { DividerComponentModule } from '@testgorilla/tgo-ui/components/divider';
-
-class MediaCardComponent {
-    constructor() {
-        /**
-         * The label of the button
-         * @type {string}
-         * @memberof MediaCardComponent
-         */
-        this.buttonLabel = '';
-        this.buttonClick = new EventEmitter();
-        this.showTitleTooltip = false;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MediaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.25", type: MediaCardComponent, isStandalone: true, selector: "ui-media-card", inputs: { title: "title", description: "description", image: "image", buttonLabel: "buttonLabel" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<img [attr.src]=\"image\" alt=\"card image\" />\n\n<div class=\"media-card-content\">\n  <div\n    class=\"media-card-title\"\n    [isMultiline]=\"true\"\n    [matTooltip]=\"showTitleTooltip ? title : ''\"\n    uiEllipseText\n    (onChangeTextState)=\"showTitleTooltip = $event\"\n  >\n    {{ title }}\n  </div>\n\n  <div class=\"media-card-description\">\n    {{ description }}\n  </div>\n</div>\n\n<ui-divider [size]=\"'small'\"></ui-divider>\n\n<div class=\"media-card-action\">\n  <ui-button [variant]=\"'ghost'\" [label]=\"buttonLabel\" (buttonClickEvent)=\"buttonClick.emit()\"></ui-button>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}h1,h2,h3,.h1,.h2,.h3{font-weight:400;margin:0}h4,h5,h6,.h4,:host .media-card-content .media-card-title,.h5,.h6{font-weight:700;margin:0}h1,.h1{font-size:40px;line-height:60px;font-weight:700}h2,.h2{font-size:24px;line-height:36px}h2.bold,.h2.bold{font-weight:700}h3,.h3{font-size:20px;line-height:28px}h3.bold,.h3.bold{font-weight:700}h4,.h4,:host .media-card-content .media-card-title{font-size:16px;line-height:24px}h5,.h5{font-size:14px;line-height:20px}h6,.h6{font-size:12px;line-height:16px;text-transform:uppercase}body{font-size:14px;line-height:20px}strong,b{font-weight:700!important}.featured{font-size:16px;line-height:24px}p .semibold,.featured .semibold,.caption .semibold{font-weight:600;color:#d410aa}small{font-size:8px;line-height:12px}caption,.caption{font-size:12px;line-height:16px;display:inline-block}*[theme=dark] h1,*[theme=dark] .h1,*[theme=light] h1,*[theme=light] .h1{color:#242424;font-size:32px;line-height:48px;font-weight:400}*[theme=dark] h1.black,*[theme=dark] .h1.black,*[theme=light] h1.black,*[theme=light] .h1.black{font-family:ModernGothic,sans-serif!important;font-weight:900}*[theme=dark] h2,*[theme=dark] .h2,*[theme=light] h2,*[theme=light] .h2{color:#242424;font-size:24px;line-height:30px;font-weight:900;font-family:ModernGothic,sans-serif!important}*[theme=dark] h3,*[theme=dark] .h3,*[theme=light] h3,*[theme=light] .h3{font-size:20px;line-height:26px;font-weight:400;color:#242424}*[theme=dark] h3.bold,*[theme=dark] .h3.bold,*[theme=light] h3.bold,*[theme=light] .h3.bold{font-family:ModernGothic,sans-serif!important;font-weight:700}*[theme=dark] h4,*[theme=dark] .h4,:host *[theme=dark] .media-card-content .media-card-title,:host .media-card-content *[theme=dark] .media-card-title,*[theme=light] h4,*[theme=light] .h4,:host *[theme=light] .media-card-content .media-card-title,:host .media-card-content *[theme=light] .media-card-title{font-size:16px;line-height:20px;font-weight:700;color:#242424;font-family:ModernGothic,sans-serif!important}*[theme=dark] h5,*[theme=dark] .h5,*[theme=light] h5,*[theme=light] .h5{font-size:14px;line-height:18px;font-weight:700;color:#242424;font-family:ModernGothic,sans-serif!important}*[theme=dark] .body-large,*[theme=light] .body-large{font-weight:700;font-size:14px;line-height:22px}*[theme=dark] .body-large-bold,*[theme=light] .body-large-bold{font-weight:700;font-size:16px;line-height:24px}*[theme=dark] .body-large-regular,*[theme=light] .body-large-regular{font-weight:400;font-size:16px;line-height:24px}*[theme=dark] .body-small-bold,*[theme=light] .body-small-bold{font-weight:700;font-size:12px;line-height:16px}*[theme=dark] .body-small-regular,*[theme=light] .body-small-regular{font-weight:400;font-size:12px;line-height:16px}*[theme=dark] .hyperlink-large,*[theme=light] .hyperlink-large{font-weight:500;font-size:16px;line-height:24px}*[theme=dark] .hyperlink,*[theme=light] .hyperlink{font-weight:500;font-size:14px;line-height:22px}*[theme=dark] .hyperlink-small,*[theme=light] .hyperlink-small{font-weight:500;font-size:12px;line-height:16px}*[theme=dark] .button-label,*[theme=light] .button-label{font-weight:500;font-size:14px;font-feature-settings:\"capb\"}*[theme=dark] .label,*[theme=light] .label{font-weight:400;font-size:14px;font-feature-settings:\"capb\"}*[theme=dark] .large-hover-state,*[theme=light] .large-hover-state{font-weight:700;text-decoration:underline;font-size:16px;line-height:24px}*[theme=dark] .hover-state,*[theme=light] .hover-state{font-weight:700;text-decoration:underline;font-size:14px;line-height:22px}*[theme=dark] h1,*[theme=dark] .h1,*[theme=dark] h2,*[theme=dark] .h2,*[theme=dark] h3,*[theme=dark] .h3,*[theme=dark] h4,*[theme=dark] .h4,:host *[theme=dark] .media-card-content .media-card-title,:host .media-card-content *[theme=dark] .media-card-title,*[theme=dark] h5,*[theme=dark] .h5{color:#fff}:host{display:flex;flex-direction:column;border:1px solid #d3d3d3;border-radius:10px;max-width:568px;min-width:288px;background:#fff}:host img{aspect-ratio:19.5/9;width:100%;border-radius:10px 10px 0 0}:host .media-card-content{display:flex;flex-direction:column;padding:24px 24px 24px 16px;height:100%}:host .media-card-content .media-card-title{overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;color:#242424;margin-bottom:8px}:host .media-card-content .media-card-description{height:62px;color:#666;font-size:14px;overflow:auto}:host .media-card-action{display:flex;justify-content:flex-end;padding:16px 24px}\n"], dependencies: [{ kind: "ngmodule", type: DividerComponentModule }, { kind: "component", type: i1.DividerComponent, selector: "ui-divider", inputs: ["size", "companyColor", "applicationTheme", "label"] }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i2.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "trailingIconName", "trailingIconFilled", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "directive", type: EllipseTextDirective, selector: "[uiEllipseText]", inputs: ["isMultiline", "maxDiffPixels", "refresh"], outputs: ["onChangeTextState"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MediaCardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-media-card', changeDetection: ChangeDetectionStrategy.OnPush, imports: [DividerComponentModule, ButtonComponentModule, EllipseTextDirective, MatTooltipModule], template: "<img [attr.src]=\"image\" alt=\"card image\" />\n\n<div class=\"media-card-content\">\n  <div\n    class=\"media-card-title\"\n    [isMultiline]=\"true\"\n    [matTooltip]=\"showTitleTooltip ? title : ''\"\n    uiEllipseText\n    (onChangeTextState)=\"showTitleTooltip = $event\"\n  >\n    {{ title }}\n  </div>\n\n  <div class=\"media-card-description\">\n    {{ description }}\n  </div>\n</div>\n\n<ui-divider [size]=\"'small'\"></ui-divider>\n\n<div class=\"media-card-action\">\n  <ui-button [variant]=\"'ghost'\" [label]=\"buttonLabel\" (buttonClickEvent)=\"buttonClick.emit()\"></ui-button>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}h1,h2,h3,.h1,.h2,.h3{font-weight:400;margin:0}h4,h5,h6,.h4,:host .media-card-content .media-card-title,.h5,.h6{font-weight:700;margin:0}h1,.h1{font-size:40px;line-height:60px;font-weight:700}h2,.h2{font-size:24px;line-height:36px}h2.bold,.h2.bold{font-weight:700}h3,.h3{font-size:20px;line-height:28px}h3.bold,.h3.bold{font-weight:700}h4,.h4,:host .media-card-content .media-card-title{font-size:16px;line-height:24px}h5,.h5{font-size:14px;line-height:20px}h6,.h6{font-size:12px;line-height:16px;text-transform:uppercase}body{font-size:14px;line-height:20px}strong,b{font-weight:700!important}.featured{font-size:16px;line-height:24px}p .semibold,.featured .semibold,.caption .semibold{font-weight:600;color:#d410aa}small{font-size:8px;line-height:12px}caption,.caption{font-size:12px;line-height:16px;display:inline-block}*[theme=dark] h1,*[theme=dark] .h1,*[theme=light] h1,*[theme=light] .h1{color:#242424;font-size:32px;line-height:48px;font-weight:400}*[theme=dark] h1.black,*[theme=dark] .h1.black,*[theme=light] h1.black,*[theme=light] .h1.black{font-family:ModernGothic,sans-serif!important;font-weight:900}*[theme=dark] h2,*[theme=dark] .h2,*[theme=light] h2,*[theme=light] .h2{color:#242424;font-size:24px;line-height:30px;font-weight:900;font-family:ModernGothic,sans-serif!important}*[theme=dark] h3,*[theme=dark] .h3,*[theme=light] h3,*[theme=light] .h3{font-size:20px;line-height:26px;font-weight:400;color:#242424}*[theme=dark] h3.bold,*[theme=dark] .h3.bold,*[theme=light] h3.bold,*[theme=light] .h3.bold{font-family:ModernGothic,sans-serif!important;font-weight:700}*[theme=dark] h4,*[theme=dark] .h4,:host *[theme=dark] .media-card-content .media-card-title,:host .media-card-content *[theme=dark] .media-card-title,*[theme=light] h4,*[theme=light] .h4,:host *[theme=light] .media-card-content .media-card-title,:host .media-card-content *[theme=light] .media-card-title{font-size:16px;line-height:20px;font-weight:700;color:#242424;font-family:ModernGothic,sans-serif!important}*[theme=dark] h5,*[theme=dark] .h5,*[theme=light] h5,*[theme=light] .h5{font-size:14px;line-height:18px;font-weight:700;color:#242424;font-family:ModernGothic,sans-serif!important}*[theme=dark] .body-large,*[theme=light] .body-large{font-weight:700;font-size:14px;line-height:22px}*[theme=dark] .body-large-bold,*[theme=light] .body-large-bold{font-weight:700;font-size:16px;line-height:24px}*[theme=dark] .body-large-regular,*[theme=light] .body-large-regular{font-weight:400;font-size:16px;line-height:24px}*[theme=dark] .body-small-bold,*[theme=light] .body-small-bold{font-weight:700;font-size:12px;line-height:16px}*[theme=dark] .body-small-regular,*[theme=light] .body-small-regular{font-weight:400;font-size:12px;line-height:16px}*[theme=dark] .hyperlink-large,*[theme=light] .hyperlink-large{font-weight:500;font-size:16px;line-height:24px}*[theme=dark] .hyperlink,*[theme=light] .hyperlink{font-weight:500;font-size:14px;line-height:22px}*[theme=dark] .hyperlink-small,*[theme=light] .hyperlink-small{font-weight:500;font-size:12px;line-height:16px}*[theme=dark] .button-label,*[theme=light] .button-label{font-weight:500;font-size:14px;font-feature-settings:\"capb\"}*[theme=dark] .label,*[theme=light] .label{font-weight:400;font-size:14px;font-feature-settings:\"capb\"}*[theme=dark] .large-hover-state,*[theme=light] .large-hover-state{font-weight:700;text-decoration:underline;font-size:16px;line-height:24px}*[theme=dark] .hover-state,*[theme=light] .hover-state{font-weight:700;text-decoration:underline;font-size:14px;line-height:22px}*[theme=dark] h1,*[theme=dark] .h1,*[theme=dark] h2,*[theme=dark] .h2,*[theme=dark] h3,*[theme=dark] .h3,*[theme=dark] h4,*[theme=dark] .h4,:host *[theme=dark] .media-card-content .media-card-title,:host .media-card-content *[theme=dark] .media-card-title,*[theme=dark] h5,*[theme=dark] .h5{color:#fff}:host{display:flex;flex-direction:column;border:1px solid #d3d3d3;border-radius:10px;max-width:568px;min-width:288px;background:#fff}:host img{aspect-ratio:19.5/9;width:100%;border-radius:10px 10px 0 0}:host .media-card-content{display:flex;flex-direction:column;padding:24px 24px 24px 16px;height:100%}:host .media-card-content .media-card-title{overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;color:#242424;margin-bottom:8px}:host .media-card-content .media-card-description{height:62px;color:#666;font-size:14px;overflow:auto}:host .media-card-action{display:flex;justify-content:flex-end;padding:16px 24px}\n"] }]
-        }], propDecorators: { title: [{
-                type: Input,
-                args: [{ required: true }]
-            }], description: [{
-                type: Input,
-                args: [{ required: true }]
-            }], image: [{
-                type: Input,
-                args: [{ required: true }]
-            }], buttonLabel: [{
-                type: Input,
-                args: [{ required: true }]
-            }], buttonClick: [{
-                type: Output
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from "@angular/core";
+import * as i3 from "@angular/material/tooltip";
+import { MatTooltipModule } from "@angular/material/tooltip";
+import * as i2 from "@testgorilla/tgo-ui/components/button";
+import { ButtonComponentModule } from "@testgorilla/tgo-ui/components/button";
+import { EllipseTextDirective } from "@testgorilla/tgo-ui/components/core";
+import * as i1 from "@testgorilla/tgo-ui/components/divider";
+import { DividerComponentModule } from "@testgorilla/tgo-ui/components/divider";
+var MediaCardComponent = class MediaCardComponent {
+	constructor() {
+		this.buttonLabel = "";
+		this.buttonClick = new EventEmitter();
+		this.showTitleTooltip = false;
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: MediaCardComponent,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			type: MediaCardComponent,
+			isStandalone: true,
+			selector: "ui-media-card",
+			inputs: {
+				title: "title",
+				description: "description",
+				image: "image",
+				buttonLabel: "buttonLabel"
+			},
+			outputs: { buttonClick: "buttonClick" },
+			ngImport: i0,
+			template: "<img [attr.src]=\"image\" alt=\"card image\" />\n\n<div class=\"media-card-content\">\n  <div\n    class=\"media-card-title\"\n    [isMultiline]=\"true\"\n    [matTooltip]=\"showTitleTooltip ? title : ''\"\n    uiEllipseText\n    (onChangeTextState)=\"showTitleTooltip = $event\"\n  >\n    {{ title }}\n  </div>\n\n  <div class=\"media-card-description\">\n    {{ description }}\n  </div>\n</div>\n\n<ui-divider [size]=\"'small'\"></ui-divider>\n\n<div class=\"media-card-action\">\n  <ui-button [variant]=\"'ghost'\" [label]=\"buttonLabel\" (buttonClickEvent)=\"buttonClick.emit()\"></ui-button>\n</div>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}h1,h2,h3,.h1,.h2,.h3{font-weight:400;margin:0}h4,h5,h6,.h4,:host .media-card-content .media-card-title,.h5,.h6{font-weight:700;margin:0}h1,.h1{font-size:40px;line-height:60px;font-weight:700}h2,.h2{font-size:24px;line-height:36px}h2.bold,.h2.bold{font-weight:700}h3,.h3{font-size:20px;line-height:28px}h3.bold,.h3.bold{font-weight:700}h4,.h4,:host .media-card-content .media-card-title{font-size:16px;line-height:24px}h5,.h5{font-size:14px;line-height:20px}h6,.h6{font-size:12px;line-height:16px;text-transform:uppercase}body{font-size:14px;line-height:20px}strong,b{font-weight:700!important}.featured{font-size:16px;line-height:24px}p .semibold,.featured .semibold,.caption .semibold{font-weight:600;color:#d410aa}small{font-size:8px;line-height:12px}caption,.caption{font-size:12px;line-height:16px;display:inline-block}*[theme=dark] h1,*[theme=dark] .h1,*[theme=light] h1,*[theme=light] .h1{color:#242424;font-size:32px;line-height:48px;font-weight:400}*[theme=dark] h1.black,*[theme=dark] .h1.black,*[theme=light] h1.black,*[theme=light] .h1.black{font-family:ModernGothic,sans-serif!important;font-weight:900}*[theme=dark] h2,*[theme=dark] .h2,*[theme=light] h2,*[theme=light] .h2{color:#242424;font-size:24px;line-height:30px;font-weight:900;font-family:ModernGothic,sans-serif!important}*[theme=dark] h3,*[theme=dark] .h3,*[theme=light] h3,*[theme=light] .h3{font-size:20px;line-height:26px;font-weight:400;color:#242424}*[theme=dark] h3.bold,*[theme=dark] .h3.bold,*[theme=light] h3.bold,*[theme=light] .h3.bold{font-family:ModernGothic,sans-serif!important;font-weight:700}*[theme=dark] h4,*[theme=dark] .h4,:host *[theme=dark] .media-card-content .media-card-title,:host .media-card-content *[theme=dark] .media-card-title,*[theme=light] h4,*[theme=light] .h4,:host *[theme=light] .media-card-content .media-card-title,:host .media-card-content *[theme=light] .media-card-title{font-size:16px;line-height:20px;font-weight:700;color:#242424;font-family:ModernGothic,sans-serif!important}*[theme=dark] h5,*[theme=dark] .h5,*[theme=light] h5,*[theme=light] .h5{font-size:14px;line-height:18px;font-weight:700;color:#242424;font-family:ModernGothic,sans-serif!important}*[theme=dark] .body-large,*[theme=light] .body-large{font-weight:700;font-size:14px;line-height:22px}*[theme=dark] .body-large-bold,*[theme=light] .body-large-bold{font-weight:700;font-size:16px;line-height:24px}*[theme=dark] .body-large-regular,*[theme=light] .body-large-regular{font-weight:400;font-size:16px;line-height:24px}*[theme=dark] .body-small-bold,*[theme=light] .body-small-bold{font-weight:700;font-size:12px;line-height:16px}*[theme=dark] .body-small-regular,*[theme=light] .body-small-regular{font-weight:400;font-size:12px;line-height:16px}*[theme=dark] .hyperlink-large,*[theme=light] .hyperlink-large{font-weight:500;font-size:16px;line-height:24px}*[theme=dark] .hyperlink,*[theme=light] .hyperlink{font-weight:500;font-size:14px;line-height:22px}*[theme=dark] .hyperlink-small,*[theme=light] .hyperlink-small{font-weight:500;font-size:12px;line-height:16px}*[theme=dark] .button-label,*[theme=light] .button-label{font-weight:500;font-size:14px;font-feature-settings:\"capb\"}*[theme=dark] .label,*[theme=light] .label{font-weight:400;font-size:14px;font-feature-settings:\"capb\"}*[theme=dark] .large-hover-state,*[theme=light] .large-hover-state{font-weight:700;text-decoration:underline;font-size:16px;line-height:24px}*[theme=dark] .hover-state,*[theme=light] .hover-state{font-weight:700;text-decoration:underline;font-size:14px;line-height:22px}*[theme=dark] h1,*[theme=dark] .h1,*[theme=dark] h2,*[theme=dark] .h2,*[theme=dark] h3,*[theme=dark] .h3,*[theme=dark] h4,*[theme=dark] .h4,:host *[theme=dark] .media-card-content .media-card-title,:host .media-card-content *[theme=dark] .media-card-title,*[theme=dark] h5,*[theme=dark] .h5{color:#fff}:host{display:flex;flex-direction:column;border:1px solid #d3d3d3;border-radius:10px;max-width:568px;min-width:288px;background:#fff}:host img{aspect-ratio:19.5/9;width:100%;border-radius:10px 10px 0 0}:host .media-card-content{display:flex;flex-direction:column;padding:24px 24px 24px 16px;height:100%}:host .media-card-content .media-card-title{overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;color:#242424;margin-bottom:8px}:host .media-card-content .media-card-description{height:62px;color:#666;font-size:14px;overflow:auto}:host .media-card-action{display:flex;justify-content:flex-end;padding:16px 24px}\n"],
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: DividerComponentModule
+				},
+				{
+					kind: "component",
+					type: i1.DividerComponent,
+					selector: "ui-divider",
+					inputs: [
+						"size",
+						"companyColor",
+						"applicationTheme",
+						"label"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: ButtonComponentModule
+				},
+				{
+					kind: "component",
+					type: i2.ButtonComponent,
+					selector: "ui-button",
+					inputs: [
+						"size",
+						"variant",
+						"label",
+						"iconPosition",
+						"justIcon",
+						"iconName",
+						"trailingIconName",
+						"trailingIconFilled",
+						"disabled",
+						"loading",
+						"loadingWithLabel",
+						"fullWidth",
+						"url",
+						"urlTarget",
+						"value",
+						"tooltip",
+						"isPremium",
+						"type",
+						"companyColor",
+						"buttonBadgeConfig",
+						"applicationTheme",
+						"disabledScaleOnClick",
+						"ariaLabel",
+						"ariaExpanded",
+						"ariaControls",
+						"ariaPressed",
+						"ariaRequired",
+						"ariaLabelledby",
+						"ariaDescribedby",
+						"preventDefault",
+						"hasBackground",
+						"tooltipPosition",
+						"role",
+						"iconFilled",
+						"testId"
+					],
+					outputs: ["buttonClickEvent", "buttonHoverEvent"]
+				},
+				{
+					kind: "directive",
+					type: EllipseTextDirective,
+					selector: "[uiEllipseText]",
+					inputs: [
+						"isMultiline",
+						"maxDiffPixels",
+						"refresh"
+					],
+					outputs: ["onChangeTextState"]
+				},
+				{
+					kind: "ngmodule",
+					type: MatTooltipModule
+				},
+				{
+					kind: "directive",
+					type: i3.MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: MediaCardComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-media-card",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				DividerComponentModule,
+				ButtonComponentModule,
+				EllipseTextDirective,
+				MatTooltipModule
+			],
+			template: "<img [attr.src]=\"image\" alt=\"card image\" />\n\n<div class=\"media-card-content\">\n  <div\n    class=\"media-card-title\"\n    [isMultiline]=\"true\"\n    [matTooltip]=\"showTitleTooltip ? title : ''\"\n    uiEllipseText\n    (onChangeTextState)=\"showTitleTooltip = $event\"\n  >\n    {{ title }}\n  </div>\n\n  <div class=\"media-card-description\">\n    {{ description }}\n  </div>\n</div>\n\n<ui-divider [size]=\"'small'\"></ui-divider>\n\n<div class=\"media-card-action\">\n  <ui-button [variant]=\"'ghost'\" [label]=\"buttonLabel\" (buttonClickEvent)=\"buttonClick.emit()\"></ui-button>\n</div>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}h1,h2,h3,.h1,.h2,.h3{font-weight:400;margin:0}h4,h5,h6,.h4,:host .media-card-content .media-card-title,.h5,.h6{font-weight:700;margin:0}h1,.h1{font-size:40px;line-height:60px;font-weight:700}h2,.h2{font-size:24px;line-height:36px}h2.bold,.h2.bold{font-weight:700}h3,.h3{font-size:20px;line-height:28px}h3.bold,.h3.bold{font-weight:700}h4,.h4,:host .media-card-content .media-card-title{font-size:16px;line-height:24px}h5,.h5{font-size:14px;line-height:20px}h6,.h6{font-size:12px;line-height:16px;text-transform:uppercase}body{font-size:14px;line-height:20px}strong,b{font-weight:700!important}.featured{font-size:16px;line-height:24px}p .semibold,.featured .semibold,.caption .semibold{font-weight:600;color:#d410aa}small{font-size:8px;line-height:12px}caption,.caption{font-size:12px;line-height:16px;display:inline-block}*[theme=dark] h1,*[theme=dark] .h1,*[theme=light] h1,*[theme=light] .h1{color:#242424;font-size:32px;line-height:48px;font-weight:400}*[theme=dark] h1.black,*[theme=dark] .h1.black,*[theme=light] h1.black,*[theme=light] .h1.black{font-family:ModernGothic,sans-serif!important;font-weight:900}*[theme=dark] h2,*[theme=dark] .h2,*[theme=light] h2,*[theme=light] .h2{color:#242424;font-size:24px;line-height:30px;font-weight:900;font-family:ModernGothic,sans-serif!important}*[theme=dark] h3,*[theme=dark] .h3,*[theme=light] h3,*[theme=light] .h3{font-size:20px;line-height:26px;font-weight:400;color:#242424}*[theme=dark] h3.bold,*[theme=dark] .h3.bold,*[theme=light] h3.bold,*[theme=light] .h3.bold{font-family:ModernGothic,sans-serif!important;font-weight:700}*[theme=dark] h4,*[theme=dark] .h4,:host *[theme=dark] .media-card-content .media-card-title,:host .media-card-content *[theme=dark] .media-card-title,*[theme=light] h4,*[theme=light] .h4,:host *[theme=light] .media-card-content .media-card-title,:host .media-card-content *[theme=light] .media-card-title{font-size:16px;line-height:20px;font-weight:700;color:#242424;font-family:ModernGothic,sans-serif!important}*[theme=dark] h5,*[theme=dark] .h5,*[theme=light] h5,*[theme=light] .h5{font-size:14px;line-height:18px;font-weight:700;color:#242424;font-family:ModernGothic,sans-serif!important}*[theme=dark] .body-large,*[theme=light] .body-large{font-weight:700;font-size:14px;line-height:22px}*[theme=dark] .body-large-bold,*[theme=light] .body-large-bold{font-weight:700;font-size:16px;line-height:24px}*[theme=dark] .body-large-regular,*[theme=light] .body-large-regular{font-weight:400;font-size:16px;line-height:24px}*[theme=dark] .body-small-bold,*[theme=light] .body-small-bold{font-weight:700;font-size:12px;line-height:16px}*[theme=dark] .body-small-regular,*[theme=light] .body-small-regular{font-weight:400;font-size:12px;line-height:16px}*[theme=dark] .hyperlink-large,*[theme=light] .hyperlink-large{font-weight:500;font-size:16px;line-height:24px}*[theme=dark] .hyperlink,*[theme=light] .hyperlink{font-weight:500;font-size:14px;line-height:22px}*[theme=dark] .hyperlink-small,*[theme=light] .hyperlink-small{font-weight:500;font-size:12px;line-height:16px}*[theme=dark] .button-label,*[theme=light] .button-label{font-weight:500;font-size:14px;font-feature-settings:\"capb\"}*[theme=dark] .label,*[theme=light] .label{font-weight:400;font-size:14px;font-feature-settings:\"capb\"}*[theme=dark] .large-hover-state,*[theme=light] .large-hover-state{font-weight:700;text-decoration:underline;font-size:16px;line-height:24px}*[theme=dark] .hover-state,*[theme=light] .hover-state{font-weight:700;text-decoration:underline;font-size:14px;line-height:22px}*[theme=dark] h1,*[theme=dark] .h1,*[theme=dark] h2,*[theme=dark] .h2,*[theme=dark] h3,*[theme=dark] .h3,*[theme=dark] h4,*[theme=dark] .h4,:host *[theme=dark] .media-card-content .media-card-title,:host .media-card-content *[theme=dark] .media-card-title,*[theme=dark] h5,*[theme=dark] .h5{color:#fff}:host{display:flex;flex-direction:column;border:1px solid #d3d3d3;border-radius:10px;max-width:568px;min-width:288px;background:#fff}:host img{aspect-ratio:19.5/9;width:100%;border-radius:10px 10px 0 0}:host .media-card-content{display:flex;flex-direction:column;padding:24px 24px 24px 16px;height:100%}:host .media-card-content .media-card-title{overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;color:#242424;margin-bottom:8px}:host .media-card-content .media-card-description{height:62px;color:#666;font-size:14px;overflow:auto}:host .media-card-action{display:flex;justify-content:flex-end;padding:16px 24px}\n"]
+		}]
+	}],
+	propDecorators: {
+		title: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		description: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		image: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		buttonLabel: [{
+			type: Input,
+			args: [{ required: true }]
+		}],
+		buttonClick: [{ type: Output }]
+	}
+});
 export { MediaCardComponent };
-//# sourceMappingURL=testgorilla-tgo-ui-components-media-card.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-media-card.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-media-card.mjs","sources":["../../../components/media-card/media-card.component.ts","../../../components/media-card/media-card.component.html","../../../components/media-card/testgorilla-tgo-ui-components-media-card.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { EllipseTextDirective } from '@testgorilla/tgo-ui/components/core';\nimport { DividerComponentModule } from '@testgorilla/tgo-ui/components/divider';\n\n@Component({\n  selector: 'ui-media-card',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [DividerComponentModule, ButtonComponentModule, EllipseTextDirective, MatTooltipModule],\n  templateUrl: './media-card.component.html',\n  styleUrl: './media-card.component.scss',\n})\nexport class MediaCardComponent {\n  /**\n   * The title of the card\n   * @type {string}\n   * @memberof MediaCardComponent\n   */\n  @Input({ required: true }) title: string;\n  /**\n   * The description of the card\n   * @type {string}\n   * @memberof MediaCardComponent\n   */\n  @Input({ required: true }) description: string;\n  /**\n   * The image of the card\n   * @type {string}\n   * @memberof MediaCardComponent\n   */\n  @Input({ required: true }) image: string;\n  /**\n   * The label of the button\n   * @type {string}\n   * @memberof MediaCardComponent\n   */\n  @Input({ required: true }) buttonLabel = '';\n  @Output() buttonClick = new EventEmitter<void>();\n  protected showTitleTooltip = false;\n}\n","<img [attr.src]=\"image\" alt=\"card image\" />\n\n<div class=\"media-card-content\">\n  <div\n    class=\"media-card-title\"\n    [isMultiline]=\"true\"\n    [matTooltip]=\"showTitleTooltip ? title : ''\"\n    uiEllipseText\n    (onChangeTextState)=\"showTitleTooltip = $event\"\n  >\n    {{ title }}\n  </div>\n\n  <div class=\"media-card-description\">\n    {{ description }}\n  </div>\n</div>\n\n<ui-divider [size]=\"'small'\"></ui-divider>\n\n<div class=\"media-card-action\">\n  <ui-button [variant]=\"'ghost'\" [label]=\"buttonLabel\" (buttonClickEvent)=\"buttonClick.emit()\"></ui-button>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-media-card.mjs","names":[],"sources":["../../../components/media-card/media-card.component.ts","../../../components/media-card/media-card.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { EllipseTextDirective } from '@testgorilla/tgo-ui/components/core';\nimport { DividerComponentModule } from '@testgorilla/tgo-ui/components/divider';\n\n@Component({\n  selector: 'ui-media-card',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [DividerComponentModule, ButtonComponentModule, EllipseTextDirective, MatTooltipModule],\n  templateUrl: './media-card.component.html',\n  styleUrl: './media-card.component.scss',\n})\nexport class MediaCardComponent {\n  /**\n   * The title of the card\n   * @type {string}\n   * @memberof MediaCardComponent\n   */\n  @Input({ required: true }) title: string;\n  /**\n   * The description of the card\n   * @type {string}\n   * @memberof MediaCardComponent\n   */\n  @Input({ required: true }) description: string;\n  /**\n   * The image of the card\n   * @type {string}\n   * @memberof MediaCardComponent\n   */\n  @Input({ required: true }) image: string;\n  /**\n   * The label of the button\n   * @type {string}\n   * @memberof MediaCardComponent\n   */\n  @Input({ required: true }) buttonLabel = '';\n  @Output() buttonClick = new EventEmitter<void>();\n  protected showTitleTooltip = false;\n}\n","<img [attr.src]=\"image\" alt=\"card image\" />\n\n<div class=\"media-card-content\">\n  <div\n    class=\"media-card-title\"\n    [isMultiline]=\"true\"\n    [matTooltip]=\"showTitleTooltip ? title : ''\"\n    uiEllipseText\n    (onChangeTextState)=\"showTitleTooltip = $event\"\n  >\n    {{ title }}\n  </div>\n\n  <div class=\"media-card-description\">\n    {{ description }}\n  </div>\n</div>\n\n<ui-divider [size]=\"'small'\"></ui-divider>\n\n<div class=\"media-card-action\">\n  <ui-button [variant]=\"'ghost'\" [label]=\"buttonLabel\" (buttonClickEvent)=\"buttonClick.emit()\"></ui-button>\n</div>\n"],"mappings":";;;;;;;;;AAcA,IAAa,qBAAb,MAAa,mBAAkB;CAP/B,cAAA;EA+B6B,KAAA,cAAc;EAC/B,KAAA,cAAc,IAAI,aAAY;EAC9B,KAAA,mBAAmB;CAC9B;CA3BY;EAAA,KAAA,OAAA,GAAA,mBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,UAAA;GAAA,MAAA;GAAkB,MAAA,CAAA;GAAA,QAAA,GAAA,gBAAA;EAAA,CAAA;CAAA;CAAlB;EAAA,KAAA,OAAA,GAAA,qBAAA;GAAA,YAAA;GAAA,SAAA;GAAA,MAAA;GAAkB,cAAA;GAAA,UAAA;GAAA,QAAA;IAAA,OAAA;IAAA,aAAA;IAAA,OAAA;IAAA,aAAA;GAAA;GAAA,SAAA,EAAA,aAAA,cAAA;GAAA,UAAA;GAAA,UCd/B;GAuBA,QAAA,CAAA,mjNAAA;GAAA,cAAA;IAAA;KAAA,MAAA;KAAA,MDbY;IAAsB;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;KAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;IAAqB;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,oBAAA,kBAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;KAAoB,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;KAAA;KAAA,SAAA,CAAA,mBAAA;IAAA;IAAA;KAAA,MAAA;KAAA,MAAE;IAAgB;IAAA;KAAA,MAAA;KAAA,MAAA,GAAA;KAAA,UAAA;KAAA,QAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;MAAA;KAAA;KAAA,UAAA,CAAA,YAAA;IAAA;GAAA;GAAA,iBAAA,GAAA,wBAAA;EAAA,CAAA;CAAA;;AAIpF,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EAP9B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAe,iBACR,wBAAwB;GAAM,SACtC;IAAC;IAAwB;IAAuB;IAAsB;GAAgB;GAAC,UAAA;GAAA,QAAA,CAAA,mjNAAA;EAAA,CAAA;;;;GAU/F,MAAA;GAAM,MAAA,CAAA,EAAE,UAAU,KAAI,CAAE;;;GAMxB,MAAA;GAAM,MAAA,CAAA,EAAE,UAAU,KAAI,CAAE;;;GAMxB,MAAA;GAAM,MAAA,CAAA,EAAE,UAAU,KAAI,CAAE;;;GAMxB,MAAA;GAAM,MAAA,CAAA,EAAE,UAAU,KAAI,CAAE;;E,gBACxB,MAAA,O"}