@testgorilla/tgo-ui 4.2.4 → 5.0.0

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

@@ -0,0 +1,218 @@
+import * as i0 from '@angular/core';
+import { Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { NgIf } from '@angular/common';
+
+var LogoTypeEnum;
+(function (LogoTypeEnum) {
+    LogoTypeEnum["DEFAULT"] = "default";
+    LogoTypeEnum["POWEREDBY"] = "poweredby";
+    LogoTypeEnum["REVERSE"] = "reverse";
+    LogoTypeEnum["PRIMARY_BRANDMARK_PINK"] = "primary-brandmark-pink";
+    LogoTypeEnum["PRIMARY_LOCKUP_PINK"] = "primary-lockup-pink";
+    LogoTypeEnum["PRIMARY_WORDMARK_PINK"] = "primary-wordmark-pink";
+    LogoTypeEnum["SECONDARY_BRANDMARK_BLACK"] = "secondary-brandmark-black";
+    LogoTypeEnum["SECONDARY_BRANDMARK_CREAM"] = "secondary-brandmark-cream";
+    LogoTypeEnum["SECONDARY_LOCKUP_BLACK"] = "secondary-lockup-black";
+    LogoTypeEnum["SECONDARY_LOCKUP_CREAM"] = "secondary-lockup-cream";
+    LogoTypeEnum["SECONDARY_WORDMARK_BLACK"] = "secondary-wordmark-black";
+    LogoTypeEnum["SECONDARY_WORDMARK_CREAM"] = "secondary-wordmark-cream";
+})(LogoTypeEnum || (LogoTypeEnum = {}));
+var LogoPathEnum;
+(function (LogoPathEnum) {
+    LogoPathEnum["DEFAULT"] = "/images/testgorilla.svg";
+    LogoPathEnum["POWEREDBY"] = "/images/poweredbyTG.svg";
+    LogoPathEnum["REVERSE"] = "/images/reverseTG.svg";
+    LogoPathEnum["PRIMARY_BRANDMARK_PINK"] = "/images/rebrand-logo/primary_brandmark_pink.svg";
+    LogoPathEnum["PRIMARY_LOCKUP_PINK"] = "/images/rebrand-logo/primary_lockup_pink.svg";
+    LogoPathEnum["PRIMARY_WORDMARK_PINK"] = "/images/rebrand-logo/primary_wordmark_pink.svg";
+    LogoPathEnum["SECONDARY_BRANDMARK_BLACK"] = "/images/rebrand-logo/secondary_brandmark_black.svg";
+    LogoPathEnum["SECONDARY_BRANDMARK_CREAM"] = "/images/rebrand-logo/secondary_brandmark_cream.svg";
+    LogoPathEnum["SECONDARY_LOCKUP_BLACK"] = "/images/rebrand-logo/secondary_lockup_black.svg";
+    LogoPathEnum["SECONDARY_LOCKUP_CREAM"] = "/images/rebrand-logo/secondary_lockup_cream.svg";
+    LogoPathEnum["SECONDARY_WORDMARK_BLACK"] = "/images/rebrand-logo/secondary_wordmark_black.svg";
+    LogoPathEnum["SECONDARY_WORDMARK_CREAM"] = "/images/rebrand-logo/secondary_wordmark_cream.svg";
+    LogoPathEnum["REBRAND_POWEREDBY"] = "/images/rebrand-logo/powered-by.svg";
+})(LogoPathEnum || (LogoPathEnum = {}));
+
+class LogoComponent {
+    constructor(defaultAppTheme) {
+        this.defaultAppTheme = defaultAppTheme;
+        /**
+         * Logo type
+         *
+         * @type {LogoTypeEnum}
+         * @memberof LogoComponent
+         */
+        this.type = LogoTypeEnum.DEFAULT;
+        /**
+         *
+         * Defines the application theme
+         *
+         * @type {ApplicationTheme}
+         * @memberof LogoComponent
+         */
+        this.applicationTheme = 'light';
+        /**
+         *
+         * Label. Only for ppoweredby type
+         *
+         * @type {string}
+         * @memberof LogoComponent
+         */
+        this.label = 'POWERED BY';
+        /**
+         * Set logo width
+         * @default 200
+         * @type {number}
+         * @memberof LogoComponent
+         */
+        this.width = 200;
+        /**
+         *
+         * Allow change logo width
+         *
+         * @type {string}
+         * @memberof LogoComponent
+         */
+        this.allowResizing = false;
+        this.LogoTypeEnum = LogoTypeEnum;
+        /**
+         * @ignore
+         */
+        this.setURL = () => {
+            if (this.applicationTheme === 'classic') {
+                switch (this.type) {
+                    case LogoTypeEnum.POWEREDBY: {
+                        this.logoURL = LogoPathEnum.POWEREDBY;
+                        break;
+                    }
+                    case LogoTypeEnum.REVERSE: {
+                        this.logoURL = LogoPathEnum.REVERSE;
+                        break;
+                    }
+                    default: {
+                        this.logoURL = LogoPathEnum.DEFAULT;
+                        break;
+                    }
+                }
+            }
+            else {
+                switch (this.type) {
+                    case LogoTypeEnum.PRIMARY_BRANDMARK_PINK: {
+                        this.logoURL = LogoPathEnum.PRIMARY_BRANDMARK_PINK;
+                        break;
+                    }
+                    case LogoTypeEnum.PRIMARY_LOCKUP_PINK: {
+                        this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;
+                        break;
+                    }
+                    case LogoTypeEnum.PRIMARY_WORDMARK_PINK: {
+                        this.logoURL = LogoPathEnum.PRIMARY_WORDMARK_PINK;
+                        break;
+                    }
+                    case LogoTypeEnum.SECONDARY_BRANDMARK_BLACK: {
+                        this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_BLACK;
+                        break;
+                    }
+                    case LogoTypeEnum.SECONDARY_BRANDMARK_CREAM: {
+                        this.logoURL = LogoPathEnum.SECONDARY_BRANDMARK_CREAM;
+                        break;
+                    }
+                    case LogoTypeEnum.SECONDARY_LOCKUP_BLACK: {
+                        this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_BLACK;
+                        break;
+                    }
+                    case LogoTypeEnum.SECONDARY_LOCKUP_CREAM: {
+                        this.logoURL = LogoPathEnum.SECONDARY_LOCKUP_CREAM;
+                        break;
+                    }
+                    case LogoTypeEnum.SECONDARY_WORDMARK_BLACK: {
+                        this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_BLACK;
+                        break;
+                    }
+                    case LogoTypeEnum.SECONDARY_WORDMARK_CREAM: {
+                        this.logoURL = LogoPathEnum.SECONDARY_WORDMARK_CREAM;
+                        break;
+                    }
+                    case LogoTypeEnum.POWEREDBY: {
+                        this.logoURL = LogoPathEnum.REBRAND_POWEREDBY;
+                        break;
+                    }
+                    default: {
+                        this.logoURL = LogoPathEnum.PRIMARY_LOCKUP_PINK;
+                        break;
+                    }
+                }
+            }
+        };
+        if (defaultAppTheme) {
+            this.applicationTheme = defaultAppTheme;
+        }
+    }
+    /**
+     * @ignore
+     */
+    ngOnInit() {
+        this.setURL();
+    }
+    /**
+     * @ignore
+     */
+    ngOnChanges(changes) {
+        this.setURL();
+        if (changes['width']) {
+            this.changeWidth(changes['width'].currentValue);
+        }
+    }
+    changeWidth(changedWidth) {
+        if (changedWidth >= 200 || this.allowResizing) {
+            this.width = changedWidth;
+        }
+        else {
+            this.width = 200;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LogoComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: LogoComponent, isStandalone: false, selector: "ui-logo", inputs: { type: "type", applicationTheme: "applicationTheme", label: "label", width: "width", allowResizing: "allowResizing" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"applicationTheme === 'classic'; else rebrandLogo\">\n  <img [attr.src]=\"logoURL\" [alt]=\"type\">\n</ng-container>\n\n<ng-template #rebrandLogo>\n  <div *ngIf=\"label && type === LogoTypeEnum.POWEREDBY; else others\" class=\"logo-label\" [style.width]=\"width + 'px'\">\n    <h3 class=\"bold\">{{ label }}</h3>\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n  </div>\n\n  <ng-template #others>\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n  </ng-template>\n</ng-template>\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}:host{position:relative}:host .logo-label{height:80px}:host .logo-label h3{margin-left:35px;color:#919191}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LogoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-logo', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-container *ngIf=\"applicationTheme === 'classic'; else rebrandLogo\">\n  <img [attr.src]=\"logoURL\" [alt]=\"type\">\n</ng-container>\n\n<ng-template #rebrandLogo>\n  <div *ngIf=\"label && type === LogoTypeEnum.POWEREDBY; else others\" class=\"logo-label\" [style.width]=\"width + 'px'\">\n    <h3 class=\"bold\">{{ label }}</h3>\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n  </div>\n\n  <ng-template #others>\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n  </ng-template>\n</ng-template>\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}:host{position:relative}:host .logo-label{height:80px}:host .logo-label h3{margin-left:35px;color:#919191}\n"] }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
+                }] }], propDecorators: { type: [{
+                type: Input
+            }], applicationTheme: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], allowResizing: [{
+                type: Input
+            }] } });
+
+class LogoComponentModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LogoComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: LogoComponentModule, declarations: [LogoComponent], imports: [NgIf], exports: [LogoComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LogoComponentModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LogoComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LogoComponent],
+                    imports: [NgIf],
+                    exports: [LogoComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LogoComponent, LogoComponentModule, LogoPathEnum, LogoTypeEnum };
+//# sourceMappingURL=testgorilla-tgo-ui-components-logo.mjs.map

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

@@ -0,0 +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';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\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    standalone: false\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      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      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);\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","<ng-container *ngIf=\"applicationTheme === 'classic'; else rebrandLogo\">\n  <img [attr.src]=\"logoURL\" [alt]=\"type\">\n</ng-container>\n\n<ng-template #rebrandLogo>\n  <div *ngIf=\"label && type === LogoTypeEnum.POWEREDBY; else others\" class=\"logo-label\" [style.width]=\"width + 'px'\">\n    <h3 class=\"bold\">{{ label }}</h3>\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n  </div>\n\n  <ng-template #others>\n    <img [attr.src]=\"logoURL\" [alt]=\"type\" [width]=\"width\">\n  </ng-template>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { LogoComponent } from './logo.component';\nimport { NgIf } from '@angular/common';\n\n@NgModule({\n  declarations: [LogoComponent],\n  imports: [NgIf],\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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"}

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

@@ -0,0 +1,54 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component } from '@angular/core';
+import * as i1 from '@testgorilla/tgo-ui/components/divider';
+import { DividerComponentModule } from '@testgorilla/tgo-ui/components/divider';
+import { EllipseTextDirective } from '@testgorilla/tgo-ui/components/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';
+
+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: "19.2.18", ngImport: i0, type: MediaCardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", 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 class=\"media-card-title\" [isMultiline]=\"true\" [matTooltip]=\"showTitleTooltip ? title : ''\" uiEllipseText (onChangeTextState)=\"showTitleTooltip = $event\">\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:#46a997}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", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], 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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MediaCardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-media-card', imports: [
+                        DividerComponentModule,
+                        ButtonComponentModule,
+                        EllipseTextDirective,
+                        MatTooltipModule
+                    ], template: "<img [attr.src]=\"image\" alt=\"card image\">\n\n<div class=\"media-card-content\">\n  <div class=\"media-card-title\" [isMultiline]=\"true\" [matTooltip]=\"showTitleTooltip ? title : ''\" uiEllipseText (onChangeTextState)=\"showTitleTooltip = $event\">\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:#46a997}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.
+ */
+
+export { MediaCardComponent };
+//# sourceMappingURL=testgorilla-tgo-ui-components-media-card.mjs.map

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

@@ -0,0 +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 { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { DividerComponentModule } from '@testgorilla/tgo-ui/components/divider';\nimport { EllipseTextDirective } from \"@testgorilla/tgo-ui/components/core\";\nimport { MatTooltipModule } from \"@angular/material/tooltip\";\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\n\n@Component({\n    selector: 'ui-media-card',\n    imports: [\n        DividerComponentModule,\n        ButtonComponentModule,\n        EllipseTextDirective,\n        MatTooltipModule\n    ],\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 class=\"media-card-title\" [isMultiline]=\"true\" [matTooltip]=\"showTitleTooltip ? title : ''\" uiEllipseText (onChangeTextState)=\"showTitleTooltip = $event\">\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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"}

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

@@ -0,0 +1,82 @@
+import * as i0 from '@angular/core';
+import { Inject, Component } from '@angular/core';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
+import * as i4 from '@testgorilla/tgo-ui/components/button';
+import { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
+import * as i5 from '@testgorilla/tgo-ui/components/dialog';
+import { DialogComponentModule } from '@testgorilla/tgo-ui/components/dialog';
+import * as i6 from '@testgorilla/tgo-ui/components/progress-bar';
+import { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';
+import * as i2 from '@angular/platform-browser';
+
+class MediaDialogComponent {
+    constructor(dialogRef, data, domSanitizer) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.domSanitizer = domSanitizer;
+        this.primaryButtonDataTestId = 'media-dialog.confirm-button';
+        this.secondaryButtonDataTestId = 'media-dialog.cancel-button';
+        this.backButtonDataTestId = 'media-dialog.back-button';
+        this.currentStepIndex = 0;
+        this.steps = [];
+        this.steps = data.steps ?? [];
+        if (this.steps.length < 1) {
+            this.dialogRef.close();
+            throw new Error('MediaDialogComponent: steps must contain at least one step.');
+        }
+        this.setStep(0);
+    }
+    setStep(index) {
+        const step = this.steps[index];
+        this.currentStepIndex = index;
+        this.title = step.title;
+        this.subheader = step.subheader;
+        this.body = this.domSanitizer.bypassSecurityTrustHtml(step.body ?? '');
+        this.mediaContainer = step.mediaContainer;
+        this.primaryButtonLabel = step?.primaryButtonLabel;
+        this.secondaryButtonLabel = step?.secondaryButtonLabel;
+        this.backButtonLabel = step?.backButtonLabel;
+        this.primaryButtonDataTestId = step?.primaryButtonDataTestId ?? 'media-dialog.confirm-button';
+        this.secondaryButtonDataTestId = step?.secondaryButtonDataTestId ?? 'media-dialog.cancel-button';
+        this.backButtonDataTestId = step?.backButtonDataTestId ?? 'media-dialog.back-button';
+    }
+    onPrimaryButtonClick() {
+        const isLastStep = this.currentStepIndex === this.steps.length - 1;
+        if (isLastStep) {
+            this.dialogRef.close(true);
+        }
+        else {
+            this.setStep(this.currentStepIndex + 1);
+        }
+    }
+    onBackButtonClick() {
+        if (this.currentStepIndex > 0) {
+            this.setStep(this.currentStepIndex - 1);
+        }
+    }
+    onSecondaryButtonClick() {
+        this.dialogRef.close(false);
+    }
+    dismiss() {
+        this.dialogRef.close(null);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MediaDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: MediaDialogComponent, isStandalone: true, selector: "ui-media-dialog", ngImport: i0, template: "<ng-container>\n  @if (steps && steps.length > 1) {\n    <ui-progress-bar [progress]=\"(currentStepIndex + 1) * (100 / steps.length)\"></ui-progress-bar>\n  }\n\n  <ui-dialog\n    [title]=\"title\"\n    (closeEvent)=\"dialogRef.close(null)\"\n    [showCloseButton]=\"true\"\n  >\n    @if (mediaContainer) {\n      <div class=\"media-container\">\n        <ng-container [ngTemplateOutlet]=\"mediaContainer\"></ng-container>\n      </div>\n    }\n\n    @if (subheader) {\n      <h4 class=\"subheader\">{{ subheader }}</h4>\n    }\n\n    @if (body) {\n      <div [innerHTML]=\"body\"></div>\n    }\n\n    <div mat-dialog-actions class=\"footer\">\n      <div>\n        @if (backButtonLabel && currentStepIndex > 0) {\n          <ui-button\n            variant=\"text-inline\"\n            size=\"medium\"\n            [label]=\"backButtonLabel\"\n            [attr.data-testid]=\"backButtonDataTestId\"\n            (click)=\"onBackButtonClick()\"\n          ></ui-button>\n        }\n      </div>\n\n      <div class=\"action-buttons\">\n        @if (secondaryButtonLabel) {\n          <ui-button\n            variant=\"ghost\"\n            [label]=\"secondaryButtonLabel\"\n            [attr.data-testid]=\"secondaryButtonDataTestId\"\n            (click)=\"onSecondaryButtonClick()\"\n          ></ui-button>\n        }\n        @if (primaryButtonLabel) {\n          <ui-button\n            variant=\"primary\"\n            [label]=\"primaryButtonLabel\"\n            [attr.data-testid]=\"primaryButtonDataTestId\"\n            (click)=\"onPrimaryButtonClick()\"\n          ></ui-button>\n        }\n      </div>\n    </div>\n  </ui-dialog>\n</ng-container>\n", styles: ["::ng-deep .ui-dialog-wrapper{max-width:600px!important}ui-progress-bar{position:absolute;top:0;left:0;width:100%}.media-container{width:536px;height:302px;border-radius:10px;margin-bottom:16px;overflow:hidden}.subheader{margin:0 0 8px!important}.footer{display:flex;justify-content:space-between;align-items:center}.footer .action-buttons{display:flex;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i4.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "ngmodule", type: DialogComponentModule }, { kind: "component", type: i5.DialogComponent, selector: "ui-dialog", inputs: ["title", "showCloseButton", "canCloseFn", "secondaryButtonLabel", "footerMessage", "primaryButtonLabel", "primaryButtonIconName", "secondaryButtonType", "primaryButtonType", "primaryButtonDataTestId", "secondaryButtonDataTestId", "companyColor", "applicationTheme", "disablePrimaryButton", "disableClose", "shouldDisableButtons", "ariaLabelledby", "ariaDescribedby", "keyboardOpen", "primaryButtonIconPosition"], outputs: ["closeEvent", "secondaryButtonClickEvent", "primaryButtonClickEvent"] }, { kind: "ngmodule", type: ProgressBarComponentModule }, { kind: "component", type: i6.ProgressBarComponent, selector: "ui-progress-bar", inputs: ["companyColor", "progress", "mode", "buffer", "applicationTheme", "ariaLabel", "ariaDescribedBy", "showPercentage"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: MediaDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ui-media-dialog', imports: [CommonModule, MatDialogModule, ButtonComponentModule, DialogComponentModule, ProgressBarComponentModule], template: "<ng-container>\n  @if (steps && steps.length > 1) {\n    <ui-progress-bar [progress]=\"(currentStepIndex + 1) * (100 / steps.length)\"></ui-progress-bar>\n  }\n\n  <ui-dialog\n    [title]=\"title\"\n    (closeEvent)=\"dialogRef.close(null)\"\n    [showCloseButton]=\"true\"\n  >\n    @if (mediaContainer) {\n      <div class=\"media-container\">\n        <ng-container [ngTemplateOutlet]=\"mediaContainer\"></ng-container>\n      </div>\n    }\n\n    @if (subheader) {\n      <h4 class=\"subheader\">{{ subheader }}</h4>\n    }\n\n    @if (body) {\n      <div [innerHTML]=\"body\"></div>\n    }\n\n    <div mat-dialog-actions class=\"footer\">\n      <div>\n        @if (backButtonLabel && currentStepIndex > 0) {\n          <ui-button\n            variant=\"text-inline\"\n            size=\"medium\"\n            [label]=\"backButtonLabel\"\n            [attr.data-testid]=\"backButtonDataTestId\"\n            (click)=\"onBackButtonClick()\"\n          ></ui-button>\n        }\n      </div>\n\n      <div class=\"action-buttons\">\n        @if (secondaryButtonLabel) {\n          <ui-button\n            variant=\"ghost\"\n            [label]=\"secondaryButtonLabel\"\n            [attr.data-testid]=\"secondaryButtonDataTestId\"\n            (click)=\"onSecondaryButtonClick()\"\n          ></ui-button>\n        }\n        @if (primaryButtonLabel) {\n          <ui-button\n            variant=\"primary\"\n            [label]=\"primaryButtonLabel\"\n            [attr.data-testid]=\"primaryButtonDataTestId\"\n            (click)=\"onPrimaryButtonClick()\"\n          ></ui-button>\n        }\n      </div>\n    </div>\n  </ui-dialog>\n</ng-container>\n", styles: ["::ng-deep .ui-dialog-wrapper{max-width:600px!important}ui-progress-bar{position:absolute;top:0;left:0;width:100%}.media-container{width:536px;height:302px;border-radius:10px;margin-bottom:16px;overflow:hidden}.subheader{margin:0 0 8px!important}.footer{display:flex;justify-content:space-between;align-items:center}.footer .action-buttons{display:flex;gap:8px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i2.DomSanitizer }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MediaDialogComponent };
+//# sourceMappingURL=testgorilla-tgo-ui-components-media-dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"testgorilla-tgo-ui-components-media-dialog.mjs","sources":["../../../components/media-dialog/media-dialog.component.ts","../../../components/media-dialog/media-dialog.component.html","../../../components/media-dialog/testgorilla-tgo-ui-components-media-dialog.ts"],"sourcesContent":["import { Component, Inject, TemplateRef } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatDialogModule, MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { DialogComponentModule } from '@testgorilla/tgo-ui/components/dialog';\nimport { MediaDialogData, MediaDialogStep } from './media-dialog.model';\nimport { ProgressBarComponentModule } from '@testgorilla/tgo-ui/components/progress-bar';\n\n@Component({\n    selector: 'ui-media-dialog',\n    templateUrl: './media-dialog.component.html',\n    styleUrls: ['./media-dialog.component.scss'],\n    imports: [CommonModule, MatDialogModule, ButtonComponentModule, DialogComponentModule, ProgressBarComponentModule]\n})\nexport class MediaDialogComponent {\n  primaryButtonLabel: string | undefined;\n  secondaryButtonLabel: string | undefined;\n  backButtonLabel: string | undefined;\n  title: string | undefined;\n  primaryButtonDataTestId = 'media-dialog.confirm-button';\n  secondaryButtonDataTestId = 'media-dialog.cancel-button';\n  backButtonDataTestId = 'media-dialog.back-button';\n\n  mediaContainer: TemplateRef<any>;\n  subheader: string | undefined;\n  body: SafeHtml;\n\n  currentStepIndex = 0;\n  steps: MediaDialogStep[] = [];\n\n  constructor(\n    public dialogRef: MatDialogRef<MediaDialogComponent>,\n    @Inject(MAT_DIALOG_DATA) private data: MediaDialogData,\n    protected domSanitizer: DomSanitizer\n  ) {\n    this.steps = data.steps ?? [];\n    if (this.steps.length < 1) {\n      this.dialogRef.close();\n      throw new Error('MediaDialogComponent: steps must contain at least one step.');\n    }\n    this.setStep(0);\n  }\n\n  private setStep(index: number): void {\n    const step = this.steps[index];\n    this.currentStepIndex = index;\n    this.title = step.title;\n    this.subheader = step.subheader;\n    this.body = this.domSanitizer.bypassSecurityTrustHtml(step.body ?? '');\n    this.mediaContainer = step.mediaContainer;\n    this.primaryButtonLabel = step?.primaryButtonLabel;\n    this.secondaryButtonLabel = step?.secondaryButtonLabel;\n    this.backButtonLabel = step?.backButtonLabel;\n    this.primaryButtonDataTestId = step?.primaryButtonDataTestId ?? 'media-dialog.confirm-button';\n    this.secondaryButtonDataTestId = step?.secondaryButtonDataTestId ?? 'media-dialog.cancel-button';\n    this.backButtonDataTestId = step?.backButtonDataTestId ?? 'media-dialog.back-button';\n  }\n\n  onPrimaryButtonClick(): void {\n    const isLastStep = this.currentStepIndex === this.steps.length - 1;\n\n    if (isLastStep) {\n      this.dialogRef.close(true);\n    } else {\n      this.setStep(this.currentStepIndex + 1);\n    }\n  }\n\n  onBackButtonClick(): void {\n    if (this.currentStepIndex > 0) {\n      this.setStep(this.currentStepIndex - 1);\n    }\n  }\n\n  onSecondaryButtonClick(): void {\n    this.dialogRef.close(false);\n  }\n\n  dismiss(): void {\n    this.dialogRef.close(null);\n  }\n}\n","<ng-container>\n  @if (steps && steps.length > 1) {\n    <ui-progress-bar [progress]=\"(currentStepIndex + 1) * (100 / steps.length)\"></ui-progress-bar>\n  }\n\n  <ui-dialog\n    [title]=\"title\"\n    (closeEvent)=\"dialogRef.close(null)\"\n    [showCloseButton]=\"true\"\n  >\n    @if (mediaContainer) {\n      <div class=\"media-container\">\n        <ng-container [ngTemplateOutlet]=\"mediaContainer\"></ng-container>\n      </div>\n    }\n\n    @if (subheader) {\n      <h4 class=\"subheader\">{{ subheader }}</h4>\n    }\n\n    @if (body) {\n      <div [innerHTML]=\"body\"></div>\n    }\n\n    <div mat-dialog-actions class=\"footer\">\n      <div>\n        @if (backButtonLabel && currentStepIndex > 0) {\n          <ui-button\n            variant=\"text-inline\"\n            size=\"medium\"\n            [label]=\"backButtonLabel\"\n            [attr.data-testid]=\"backButtonDataTestId\"\n            (click)=\"onBackButtonClick()\"\n          ></ui-button>\n        }\n      </div>\n\n      <div class=\"action-buttons\">\n        @if (secondaryButtonLabel) {\n          <ui-button\n            variant=\"ghost\"\n            [label]=\"secondaryButtonLabel\"\n            [attr.data-testid]=\"secondaryButtonDataTestId\"\n            (click)=\"onSecondaryButtonClick()\"\n          ></ui-button>\n        }\n        @if (primaryButtonLabel) {\n          <ui-button\n            variant=\"primary\"\n            [label]=\"primaryButtonLabel\"\n            [attr.data-testid]=\"primaryButtonDataTestId\"\n            (click)=\"onPrimaryButtonClick()\"\n          ></ui-button>\n        }\n      </div>\n    </div>\n  </ui-dialog>\n</ng-container>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}