@testgorilla/tgo-ui 6.4.5 → 7.0.0-beta.0

package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs

@@ -36,10 +36,10 @@ class ElevationShadowComponent {
             this.applicationTheme = defaultAppTheme;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ElevationShadowComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: ElevationShadowComponent, isStandalone: false, selector: "ui-elevation-shadow", inputs: { elevationType: "elevationType", applicationTheme: "applicationTheme" }, ngImport: i0, template: "<div class=\"elevation-shadow\" [ngClass]=\"elevationType\" [attr.theme]=\"applicationTheme\">\n  <ng-content></ng-content>\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}.elevation-shadow.modal{border:2px solid #e0e0e0;box-shadow:2px 24px 48px 8px #00000014;border-radius:8px}.elevation-shadow.default{border:2px solid #e0e0e0;box-shadow:0 8px 24px 4px #00000014;border-radius:8px}.elevation-shadow[theme=dark].hover-state,.elevation-shadow[theme=dark].default,.elevation-shadow[theme=light].hover-state,.elevation-shadow[theme=light].default{box-shadow:0 4px 16px 0 0 4px 16px 0 #24242414;border:2px solid #242424;border-radius:10px}.elevation-shadow[theme=dark].notification,.elevation-shadow[theme=light].notification{box-shadow:0 4px 16px #2424240a;border-radius:10px}.elevation-shadow[theme=dark].page-card,.elevation-shadow[theme=light].page-card{box-shadow:0 4px 100px #2424240a;border-radius:10px}.elevation-shadow[theme=dark].modal,.elevation-shadow[theme=light].modal{box-shadow:0 4px 100px #24242414;border-radius:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ElevationShadowComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: ElevationShadowComponent, isStandalone: false, selector: "ui-elevation-shadow", inputs: { elevationType: "elevationType", applicationTheme: "applicationTheme" }, ngImport: i0, template: "<div class=\"elevation-shadow\" [ngClass]=\"elevationType\" [attr.theme]=\"applicationTheme\">\n  <ng-content></ng-content>\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}.elevation-shadow.modal{border:2px solid #e0e0e0;box-shadow:2px 24px 48px 8px #00000014;border-radius:8px}.elevation-shadow.default{border:2px solid #e0e0e0;box-shadow:0 8px 24px 4px #00000014;border-radius:8px}.elevation-shadow[theme=dark].hover-state,.elevation-shadow[theme=dark].default,.elevation-shadow[theme=light].hover-state,.elevation-shadow[theme=light].default{box-shadow:0 4px 16px 0 0 4px 16px 0 #24242414;border:2px solid #242424;border-radius:10px}.elevation-shadow[theme=dark].notification,.elevation-shadow[theme=light].notification{box-shadow:0 4px 16px #2424240a;border-radius:10px}.elevation-shadow[theme=dark].page-card,.elevation-shadow[theme=light].page-card{box-shadow:0 4px 100px #2424240a;border-radius:10px}.elevation-shadow[theme=dark].modal,.elevation-shadow[theme=light].modal{box-shadow:0 4px 100px #24242414;border-radius:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ElevationShadowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ElevationShadowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ui-elevation-shadow', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"elevation-shadow\" [ngClass]=\"elevationType\" [attr.theme]=\"applicationTheme\">\n  <ng-content></ng-content>\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}.elevation-shadow.modal{border:2px solid #e0e0e0;box-shadow:2px 24px 48px 8px #00000014;border-radius:8px}.elevation-shadow.default{border:2px solid #e0e0e0;box-shadow:0 8px 24px 4px #00000014;border-radius:8px}.elevation-shadow[theme=dark].hover-state,.elevation-shadow[theme=dark].default,.elevation-shadow[theme=light].hover-state,.elevation-shadow[theme=light].default{box-shadow:0 4px 16px 0 0 4px 16px 0 #24242414;border:2px solid #242424;border-radius:10px}.elevation-shadow[theme=dark].notification,.elevation-shadow[theme=light].notification{box-shadow:0 4px 16px #2424240a;border-radius:10px}.elevation-shadow[theme=dark].page-card,.elevation-shadow[theme=light].page-card{box-shadow:0 4px 100px #2424240a;border-radius:10px}.elevation-shadow[theme=dark].modal,.elevation-shadow[theme=light].modal{box-shadow:0 4px 100px #24242414;border-radius:10px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
@@ -54,11 +54,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class ElevationShadowComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ElevationShadowComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: ElevationShadowComponentModule, declarations: [ElevationShadowComponent], imports: [CommonModule], exports: [ElevationShadowComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ElevationShadowComponentModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ElevationShadowComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: ElevationShadowComponentModule, declarations: [ElevationShadowComponent], imports: [CommonModule], exports: [ElevationShadowComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ElevationShadowComponentModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: ElevationShadowComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ElevationShadowComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ElevationShadowComponent],

package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-elevation-shadow.mjs","sources":["../../../components/elevation-shadow/elevation-shadow.constant.ts","../../../components/elevation-shadow/elevation-shadow.component.ts","../../../components/elevation-shadow/elevation-shadow.component.html","../../../components/elevation-shadow/elevation-shadow.component.module.ts","../../../components/elevation-shadow/testgorilla-tgo-ui-components-elevation-shadow.ts"],"sourcesContent":["export enum ElevationType {\n  DEFAULT = 'default',\n  MODAL = 'modal',\n  HOVER_STATE = 'hover-state',\n  NOTIFICATION = 'notification',\n  PAGE_CARD = 'page-card',\n}\n\nexport type Elevation = 'default' | 'modal' | 'hover-state' | 'notification' | 'page-card';\n","import { ChangeDetectionStrategy, Component, Inject, Input, Optional } from '@angular/core';\nimport { Elevation, ElevationType } from './elevation-shadow.constant';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\n@Component({\n  selector: 'ui-elevation-shadow',\n  templateUrl: './elevation-shadow.component.html',\n  styleUrls: ['./elevation-shadow.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class ElevationShadowComponent {\n  /**\n   * The type of elevation shadow.\n   * Default: default.\n   * @description Types: Page Card, Notification and Hover State only for Dark and Light theme.\n   *\n   * @type {ElevationType}\n   * @memberof ElevationShadowComponent\n   */\n  @Input() elevationType: Elevation = ElevationType.DEFAULT;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof ElevationShadowComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\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","<div class=\"elevation-shadow\" [ngClass]=\"elevationType\" [attr.theme]=\"applicationTheme\">\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ElevationShadowComponent } from './elevation-shadow.component';\n\n@NgModule({\n  declarations: [ElevationShadowComponent],\n  imports: [CommonModule],\n  exports: [ElevationShadowComponent],\n})\nexport class ElevationShadowComponentModule {}\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-elevation-shadow.mjs","sources":["../../../components/elevation-shadow/elevation-shadow.constant.ts","../../../components/elevation-shadow/elevation-shadow.component.ts","../../../components/elevation-shadow/elevation-shadow.component.html","../../../components/elevation-shadow/elevation-shadow.component.module.ts","../../../components/elevation-shadow/testgorilla-tgo-ui-components-elevation-shadow.ts"],"sourcesContent":["export enum ElevationType {\n  DEFAULT = 'default',\n  MODAL = 'modal',\n  HOVER_STATE = 'hover-state',\n  NOTIFICATION = 'notification',\n  PAGE_CARD = 'page-card',\n}\n\nexport type Elevation = 'default' | 'modal' | 'hover-state' | 'notification' | 'page-card';\n","import { ChangeDetectionStrategy, Component, Inject, Input, Optional } from '@angular/core';\nimport { Elevation, ElevationType } from './elevation-shadow.constant';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\n\n@Component({\n  selector: 'ui-elevation-shadow',\n  templateUrl: './elevation-shadow.component.html',\n  styleUrls: ['./elevation-shadow.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class ElevationShadowComponent {\n  /**\n   * The type of elevation shadow.\n   * Default: default.\n   * @description Types: Page Card, Notification and Hover State only for Dark and Light theme.\n   *\n   * @type {ElevationType}\n   * @memberof ElevationShadowComponent\n   */\n  @Input() elevationType: Elevation = ElevationType.DEFAULT;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof ElevationShadowComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\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","<div class=\"elevation-shadow\" [ngClass]=\"elevationType\" [attr.theme]=\"applicationTheme\">\n  <ng-content></ng-content>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ElevationShadowComponent } from './elevation-shadow.component';\n\n@NgModule({\n  declarations: [ElevationShadowComponent],\n  imports: [CommonModule],\n  exports: [ElevationShadowComponent],\n})\nexport class ElevationShadowComponentModule {}\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-empty-state.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, Optional, Inject, Component, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule, NgOptimizedImage } from '@angular/common';
-import * as i2 from '@testgorilla/tgo-ui/components/icon';
+import * as i1 from '@testgorilla/tgo-ui/components/icon';
 import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
-import * as i3 from '@testgorilla/tgo-ui/components/button';
+import * as i2 from '@testgorilla/tgo-ui/components/button';
 import { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
+import * as i3 from '@angular/common';
+import { CommonModule, NgOptimizedImage } from '@angular/common';
 import * as i4 from '@testgorilla/tgo-ui/components/core';
 import { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
 
@@ -226,12 +226,12 @@ class EmptyStateComponent {
             return 'ghost';
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EmptyStateComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.20", type: EmptyStateComponent, isStandalone: false, selector: "ui-empty-state", inputs: { showIllustration: "showIllustration", illustrationVariant: "illustrationVariant", icon: "icon", emptyStateVariant: "emptyStateVariant", title: "title", bodyText: "bodyText", primaryButtonText: "primaryButtonText", primaryButtonVariant: "primaryButtonVariant", generalButtonVariation: "generalButtonVariation", primaryButtonIconName: "primaryButtonIconName", primaryButtonIconPosition: "primaryButtonIconPosition", secondaryButtonText: "secondaryButtonText", secondaryButtonVariant: "secondaryButtonVariant", secondaryButtonIconName: "secondaryButtonIconName", secondaryButtonIconPosition: "secondaryButtonIconPosition", tertiaryButtonText: "tertiaryButtonText", tertiaryButtonVariant: "tertiaryButtonVariant", tertiaryButtonIconName: "tertiaryButtonIconName", tertiaryButtonIconPosition: "tertiaryButtonIconPosition", generalVariationButtonText: "generalVariationButtonText", generalVariationButtonSize: "generalVariationButtonSize", generalVariationButtonIconName: "generalVariationButtonIconName", generalVariationButtonIconPosition: "generalVariationButtonIconPosition", generalVariationButtonDisabled: "generalVariationButtonDisabled", applicationTheme: "applicationTheme" }, outputs: { primaryButtonClick: "primaryButtonClick", secondaryButtonClick: "secondaryButtonClick", tertiaryButtonClick: "tertiaryButtonClick", generalVariationButtonClick: "generalVariationButtonClick" }, ngImport: i0, template: "<ng-container>\n  <div class=\"empty-state-container\" [attr.theme]=\"applicationTheme\" [class.mobile]=\"emptyStateVariant === 'mobile'\">\n    <div class=\"illustration\" *ngIf=\"showIllustration\" [attr.aria-hidden]=\"true\">\n      <img\n        *ngIf=\"applicationTheme === 'classic'\"\n        [attr.src]=\"'/images/empty-state-default.svg'\"\n        [width]=\"160\"\n        [height]=\"160\"\n        alt=\"illustration\"\n      />\n      <img\n        *ngIf=\"applicationTheme !== 'classic'\"\n        [attr.src]=\"'/icons/rebrand/' + illustrationVariant + '-in-line.svg'\"\n        [width]=\"160\"\n        [height]=\"160\"\n        alt=\"illustration\"\n      />\n    </div>\n\n    <div class=\"icon\" *ngIf=\"icon\">\n      <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"icon\" size=\"40\"></ui-icon>\n    </div>\n\n    <div class=\"text-content\">\n      <div class=\"title\">{{ title ? title : ('COMMON.NO_RESULTS' | uiTranslate | async) }}</div>\n      @if (bodyText) {\n        <div class=\"body-text\" [innerHTML]=\"bodyText\"></div>\n      }\n    </div>\n\n    <div class=\"actions\">\n      <ui-button\n        [fullWidth]=\"emptyStateVariant === 'mobile'\"\n        [applicationTheme]=\"buttonApplicationTheme\"\n        class=\"action-button\"\n        *ngIf=\"primaryButtonText\"\n        [variant]=\"applicationTheme !== 'classic' ? getVariant(primaryButtonVariant) : 'primary'\"\n        [label]=\"primaryButtonText\"\n        [iconName]=\"primaryButtonIconName\"\n        [iconPosition]=\"primaryButtonIconPosition\"\n        (buttonClickEvent)=\"onPrimaryButtonClick($event)\"\n      ></ui-button>\n      <ui-button\n        [fullWidth]=\"emptyStateVariant === 'mobile'\"\n        [applicationTheme]=\"buttonApplicationTheme\"\n        class=\"action-button\"\n        *ngIf=\"secondaryButtonText\"\n        [variant]=\"applicationTheme !== 'classic' ? getVariant(secondaryButtonVariant) : 'secondary'\"\n        [label]=\"secondaryButtonText\"\n        [iconName]=\"secondaryButtonIconName\"\n        [iconPosition]=\"secondaryButtonIconPosition\"\n        (buttonClickEvent)=\"onSecondaryButtonClick($event)\"\n      ></ui-button>\n      <ui-button\n        [fullWidth]=\"emptyStateVariant === 'mobile'\"\n        [applicationTheme]=\"buttonApplicationTheme\"\n        class=\"action-button\"\n        *ngIf=\"tertiaryButtonText\"\n        [variant]=\"applicationTheme !== 'classic' ? getVariant(tertiaryButtonVariant) : 'tertiary'\"\n        [label]=\"tertiaryButtonText\"\n        [iconName]=\"tertiaryButtonIconName\"\n        [iconPosition]=\"tertiaryButtonIconPosition\"\n        (buttonClickEvent)=\"onTertiaryButtonClick($event)\"\n      ></ui-button>\n      @if (generalVariationButtonText) {\n        <ui-button\n          class=\"action-button\"\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          [variant]=\"generalButtonVariation\"\n          [label]=\"generalVariationButtonText\"\n          [iconName]=\"generalVariationButtonIconName\"\n          [iconPosition]=\"generalVariationButtonIconPosition\"\n          [disabled]=\"generalVariationButtonDisabled\"\n          [size]=\"generalVariationButtonSize\"\n          (buttonClickEvent)=\"onGeneralVariationButtonClick($event)\"\n        ></ui-button>\n      }\n    </div>\n  </div>\n</ng-container>\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}.empty-state-container{max-width:480px;margin:0 auto;flex-direction:column;padding:32px}.empty-state-container.mobile{max-width:none;padding:16px}.empty-state-container.mobile .actions{flex-direction:column;width:100%}@media (max-width: 600px){.empty-state-container{margin:0;padding:16px}.empty-state-container .actions{flex-direction:column;width:100%}.empty-state-container .actions ui-button{width:100%}.empty-state-container .actions ui-button ::ng-deep .button-wrapper,.empty-state-container .actions ui-button ::ng-deep button{width:100%}}.empty-state-container .text-content{margin:24px 0;flex-direction:column}.empty-state-container .text-content .title{font-weight:700;font-size:20px;line-height:26px;margin-bottom:8px;text-align:center}.empty-state-container .text-content .body-text{font-size:16px;line-height:24px;text-align:center}.empty-state-container .actions{display:flex;flex-wrap:wrap;justify-content:center}.empty-state-container .actions .action-button{margin:8px}.flex-center,.empty-state-container,.empty-state-container .text-content{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "component", type: i3.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: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.UiTranslatePipe, name: "uiTranslate" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: EmptyStateComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: EmptyStateComponent, isStandalone: false, selector: "ui-empty-state", inputs: { showIllustration: "showIllustration", illustrationVariant: "illustrationVariant", icon: "icon", emptyStateVariant: "emptyStateVariant", title: "title", bodyText: "bodyText", primaryButtonText: "primaryButtonText", primaryButtonVariant: "primaryButtonVariant", generalButtonVariation: "generalButtonVariation", primaryButtonIconName: "primaryButtonIconName", primaryButtonIconPosition: "primaryButtonIconPosition", secondaryButtonText: "secondaryButtonText", secondaryButtonVariant: "secondaryButtonVariant", secondaryButtonIconName: "secondaryButtonIconName", secondaryButtonIconPosition: "secondaryButtonIconPosition", tertiaryButtonText: "tertiaryButtonText", tertiaryButtonVariant: "tertiaryButtonVariant", tertiaryButtonIconName: "tertiaryButtonIconName", tertiaryButtonIconPosition: "tertiaryButtonIconPosition", generalVariationButtonText: "generalVariationButtonText", generalVariationButtonSize: "generalVariationButtonSize", generalVariationButtonIconName: "generalVariationButtonIconName", generalVariationButtonIconPosition: "generalVariationButtonIconPosition", generalVariationButtonDisabled: "generalVariationButtonDisabled", applicationTheme: "applicationTheme" }, outputs: { primaryButtonClick: "primaryButtonClick", secondaryButtonClick: "secondaryButtonClick", tertiaryButtonClick: "tertiaryButtonClick", generalVariationButtonClick: "generalVariationButtonClick" }, ngImport: i0, template: "<ng-container>\n  <div class=\"empty-state-container\" [attr.theme]=\"applicationTheme\" [class.mobile]=\"emptyStateVariant === 'mobile'\">\n    @if (showIllustration) {\n      <div class=\"illustration\" [attr.aria-hidden]=\"true\">\n        @if (applicationTheme === 'classic') {\n          <img [attr.src]=\"'/images/empty-state-default.svg'\" [width]=\"160\" [height]=\"160\" alt=\"illustration\" />\n        }\n        @if (applicationTheme !== 'classic') {\n          <img\n            [attr.src]=\"'/icons/rebrand/' + illustrationVariant + '-in-line.svg'\"\n            [width]=\"160\"\n            [height]=\"160\"\n            alt=\"illustration\"\n          />\n        }\n      </div>\n    }\n\n    @if (icon) {\n      <div class=\"icon\">\n        <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"icon\" size=\"40\"></ui-icon>\n      </div>\n    }\n\n    <div class=\"text-content\">\n      <div class=\"title\">{{ title ? title : ('COMMON.NO_RESULTS' | uiTranslate | async) }}</div>\n      @if (bodyText) {\n        <div class=\"body-text\" [innerHTML]=\"bodyText\"></div>\n      }\n    </div>\n\n    <div class=\"actions\">\n      @if (primaryButtonText) {\n        <ui-button\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          class=\"action-button\"\n          [variant]=\"applicationTheme !== 'classic' ? getVariant(primaryButtonVariant) : 'primary'\"\n          [label]=\"primaryButtonText\"\n          [iconName]=\"primaryButtonIconName\"\n          [iconPosition]=\"primaryButtonIconPosition\"\n          (buttonClickEvent)=\"onPrimaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (secondaryButtonText) {\n        <ui-button\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          class=\"action-button\"\n          [variant]=\"applicationTheme !== 'classic' ? getVariant(secondaryButtonVariant) : 'secondary'\"\n          [label]=\"secondaryButtonText\"\n          [iconName]=\"secondaryButtonIconName\"\n          [iconPosition]=\"secondaryButtonIconPosition\"\n          (buttonClickEvent)=\"onSecondaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (tertiaryButtonText) {\n        <ui-button\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          class=\"action-button\"\n          [variant]=\"applicationTheme !== 'classic' ? getVariant(tertiaryButtonVariant) : 'tertiary'\"\n          [label]=\"tertiaryButtonText\"\n          [iconName]=\"tertiaryButtonIconName\"\n          [iconPosition]=\"tertiaryButtonIconPosition\"\n          (buttonClickEvent)=\"onTertiaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (generalVariationButtonText) {\n        <ui-button\n          class=\"action-button\"\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          [variant]=\"generalButtonVariation\"\n          [label]=\"generalVariationButtonText\"\n          [iconName]=\"generalVariationButtonIconName\"\n          [iconPosition]=\"generalVariationButtonIconPosition\"\n          [disabled]=\"generalVariationButtonDisabled\"\n          [size]=\"generalVariationButtonSize\"\n          (buttonClickEvent)=\"onGeneralVariationButtonClick($event)\"\n        ></ui-button>\n      }\n    </div>\n  </div>\n</ng-container>\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}.empty-state-container{max-width:480px;margin:0 auto;flex-direction:column;padding:32px}.empty-state-container.mobile{max-width:none;padding:16px}.empty-state-container.mobile .actions{flex-direction:column;width:100%}@media (max-width: 600px){.empty-state-container{margin:0;padding:16px}.empty-state-container .actions{flex-direction:column;width:100%}.empty-state-container .actions ui-button{width:100%}.empty-state-container .actions ui-button ::ng-deep .button-wrapper,.empty-state-container .actions ui-button ::ng-deep button{width:100%}}.empty-state-container .text-content{margin:24px 0;flex-direction:column}.empty-state-container .text-content .title{font-weight:700;font-size:20px;line-height:26px;margin-bottom:8px;text-align:center}.empty-state-container .text-content .body-text{font-size:16px;line-height:24px;text-align:center}.empty-state-container .actions{display:flex;flex-wrap:wrap;justify-content:center}.empty-state-container .actions .action-button{margin:8px}.flex-center,.empty-state-container,.empty-state-container .text-content{display:flex;justify-content:center;align-items:center}\n"], dependencies: [{ kind: "component", type: i1.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { 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: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.UiTranslatePipe, name: "uiTranslate" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EmptyStateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: EmptyStateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-empty-state', standalone: false, template: "<ng-container>\n  <div class=\"empty-state-container\" [attr.theme]=\"applicationTheme\" [class.mobile]=\"emptyStateVariant === 'mobile'\">\n    <div class=\"illustration\" *ngIf=\"showIllustration\" [attr.aria-hidden]=\"true\">\n      <img\n        *ngIf=\"applicationTheme === 'classic'\"\n        [attr.src]=\"'/images/empty-state-default.svg'\"\n        [width]=\"160\"\n        [height]=\"160\"\n        alt=\"illustration\"\n      />\n      <img\n        *ngIf=\"applicationTheme !== 'classic'\"\n        [attr.src]=\"'/icons/rebrand/' + illustrationVariant + '-in-line.svg'\"\n        [width]=\"160\"\n        [height]=\"160\"\n        alt=\"illustration\"\n      />\n    </div>\n\n    <div class=\"icon\" *ngIf=\"icon\">\n      <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"icon\" size=\"40\"></ui-icon>\n    </div>\n\n    <div class=\"text-content\">\n      <div class=\"title\">{{ title ? title : ('COMMON.NO_RESULTS' | uiTranslate | async) }}</div>\n      @if (bodyText) {\n        <div class=\"body-text\" [innerHTML]=\"bodyText\"></div>\n      }\n    </div>\n\n    <div class=\"actions\">\n      <ui-button\n        [fullWidth]=\"emptyStateVariant === 'mobile'\"\n        [applicationTheme]=\"buttonApplicationTheme\"\n        class=\"action-button\"\n        *ngIf=\"primaryButtonText\"\n        [variant]=\"applicationTheme !== 'classic' ? getVariant(primaryButtonVariant) : 'primary'\"\n        [label]=\"primaryButtonText\"\n        [iconName]=\"primaryButtonIconName\"\n        [iconPosition]=\"primaryButtonIconPosition\"\n        (buttonClickEvent)=\"onPrimaryButtonClick($event)\"\n      ></ui-button>\n      <ui-button\n        [fullWidth]=\"emptyStateVariant === 'mobile'\"\n        [applicationTheme]=\"buttonApplicationTheme\"\n        class=\"action-button\"\n        *ngIf=\"secondaryButtonText\"\n        [variant]=\"applicationTheme !== 'classic' ? getVariant(secondaryButtonVariant) : 'secondary'\"\n        [label]=\"secondaryButtonText\"\n        [iconName]=\"secondaryButtonIconName\"\n        [iconPosition]=\"secondaryButtonIconPosition\"\n        (buttonClickEvent)=\"onSecondaryButtonClick($event)\"\n      ></ui-button>\n      <ui-button\n        [fullWidth]=\"emptyStateVariant === 'mobile'\"\n        [applicationTheme]=\"buttonApplicationTheme\"\n        class=\"action-button\"\n        *ngIf=\"tertiaryButtonText\"\n        [variant]=\"applicationTheme !== 'classic' ? getVariant(tertiaryButtonVariant) : 'tertiary'\"\n        [label]=\"tertiaryButtonText\"\n        [iconName]=\"tertiaryButtonIconName\"\n        [iconPosition]=\"tertiaryButtonIconPosition\"\n        (buttonClickEvent)=\"onTertiaryButtonClick($event)\"\n      ></ui-button>\n      @if (generalVariationButtonText) {\n        <ui-button\n          class=\"action-button\"\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          [variant]=\"generalButtonVariation\"\n          [label]=\"generalVariationButtonText\"\n          [iconName]=\"generalVariationButtonIconName\"\n          [iconPosition]=\"generalVariationButtonIconPosition\"\n          [disabled]=\"generalVariationButtonDisabled\"\n          [size]=\"generalVariationButtonSize\"\n          (buttonClickEvent)=\"onGeneralVariationButtonClick($event)\"\n        ></ui-button>\n      }\n    </div>\n  </div>\n</ng-container>\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}.empty-state-container{max-width:480px;margin:0 auto;flex-direction:column;padding:32px}.empty-state-container.mobile{max-width:none;padding:16px}.empty-state-container.mobile .actions{flex-direction:column;width:100%}@media (max-width: 600px){.empty-state-container{margin:0;padding:16px}.empty-state-container .actions{flex-direction:column;width:100%}.empty-state-container .actions ui-button{width:100%}.empty-state-container .actions ui-button ::ng-deep .button-wrapper,.empty-state-container .actions ui-button ::ng-deep button{width:100%}}.empty-state-container .text-content{margin:24px 0;flex-direction:column}.empty-state-container .text-content .title{font-weight:700;font-size:20px;line-height:26px;margin-bottom:8px;text-align:center}.empty-state-container .text-content .body-text{font-size:16px;line-height:24px;text-align:center}.empty-state-container .actions{display:flex;flex-wrap:wrap;justify-content:center}.empty-state-container .actions .action-button{margin:8px}.flex-center,.empty-state-container,.empty-state-container .text-content{display:flex;justify-content:center;align-items:center}\n"] }]
+            args: [{ selector: 'ui-empty-state', standalone: false, template: "<ng-container>\n  <div class=\"empty-state-container\" [attr.theme]=\"applicationTheme\" [class.mobile]=\"emptyStateVariant === 'mobile'\">\n    @if (showIllustration) {\n      <div class=\"illustration\" [attr.aria-hidden]=\"true\">\n        @if (applicationTheme === 'classic') {\n          <img [attr.src]=\"'/images/empty-state-default.svg'\" [width]=\"160\" [height]=\"160\" alt=\"illustration\" />\n        }\n        @if (applicationTheme !== 'classic') {\n          <img\n            [attr.src]=\"'/icons/rebrand/' + illustrationVariant + '-in-line.svg'\"\n            [width]=\"160\"\n            [height]=\"160\"\n            alt=\"illustration\"\n          />\n        }\n      </div>\n    }\n\n    @if (icon) {\n      <div class=\"icon\">\n        <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"icon\" size=\"40\"></ui-icon>\n      </div>\n    }\n\n    <div class=\"text-content\">\n      <div class=\"title\">{{ title ? title : ('COMMON.NO_RESULTS' | uiTranslate | async) }}</div>\n      @if (bodyText) {\n        <div class=\"body-text\" [innerHTML]=\"bodyText\"></div>\n      }\n    </div>\n\n    <div class=\"actions\">\n      @if (primaryButtonText) {\n        <ui-button\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          class=\"action-button\"\n          [variant]=\"applicationTheme !== 'classic' ? getVariant(primaryButtonVariant) : 'primary'\"\n          [label]=\"primaryButtonText\"\n          [iconName]=\"primaryButtonIconName\"\n          [iconPosition]=\"primaryButtonIconPosition\"\n          (buttonClickEvent)=\"onPrimaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (secondaryButtonText) {\n        <ui-button\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          class=\"action-button\"\n          [variant]=\"applicationTheme !== 'classic' ? getVariant(secondaryButtonVariant) : 'secondary'\"\n          [label]=\"secondaryButtonText\"\n          [iconName]=\"secondaryButtonIconName\"\n          [iconPosition]=\"secondaryButtonIconPosition\"\n          (buttonClickEvent)=\"onSecondaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (tertiaryButtonText) {\n        <ui-button\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          class=\"action-button\"\n          [variant]=\"applicationTheme !== 'classic' ? getVariant(tertiaryButtonVariant) : 'tertiary'\"\n          [label]=\"tertiaryButtonText\"\n          [iconName]=\"tertiaryButtonIconName\"\n          [iconPosition]=\"tertiaryButtonIconPosition\"\n          (buttonClickEvent)=\"onTertiaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (generalVariationButtonText) {\n        <ui-button\n          class=\"action-button\"\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          [variant]=\"generalButtonVariation\"\n          [label]=\"generalVariationButtonText\"\n          [iconName]=\"generalVariationButtonIconName\"\n          [iconPosition]=\"generalVariationButtonIconPosition\"\n          [disabled]=\"generalVariationButtonDisabled\"\n          [size]=\"generalVariationButtonSize\"\n          (buttonClickEvent)=\"onGeneralVariationButtonClick($event)\"\n        ></ui-button>\n      }\n    </div>\n  </div>\n</ng-container>\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}.empty-state-container{max-width:480px;margin:0 auto;flex-direction:column;padding:32px}.empty-state-container.mobile{max-width:none;padding:16px}.empty-state-container.mobile .actions{flex-direction:column;width:100%}@media (max-width: 600px){.empty-state-container{margin:0;padding:16px}.empty-state-container .actions{flex-direction:column;width:100%}.empty-state-container .actions ui-button{width:100%}.empty-state-container .actions ui-button ::ng-deep .button-wrapper,.empty-state-container .actions ui-button ::ng-deep button{width:100%}}.empty-state-container .text-content{margin:24px 0;flex-direction:column}.empty-state-container .text-content .title{font-weight:700;font-size:20px;line-height:26px;margin-bottom:8px;text-align:center}.empty-state-container .text-content .body-text{font-size:16px;line-height:24px;text-align:center}.empty-state-container .actions{display:flex;flex-wrap:wrap;justify-content:center}.empty-state-container .actions .action-button{margin:8px}.flex-center,.empty-state-container,.empty-state-container .text-content{display:flex;justify-content:center;align-items:center}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -298,11 +298,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
             }] } });
 
 class EmptyStateComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EmptyStateComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.20", ngImport: i0, type: EmptyStateComponentModule, declarations: [EmptyStateComponent], imports: [CommonModule, IconComponentModule, NgOptimizedImage, ButtonComponentModule, UiTranslatePipe], exports: [EmptyStateComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EmptyStateComponentModule, imports: [CommonModule, IconComponentModule, ButtonComponentModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: EmptyStateComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.18", ngImport: i0, type: EmptyStateComponentModule, declarations: [EmptyStateComponent], imports: [CommonModule, IconComponentModule, NgOptimizedImage, ButtonComponentModule, UiTranslatePipe], exports: [EmptyStateComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: EmptyStateComponentModule, imports: [CommonModule, IconComponentModule, ButtonComponentModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EmptyStateComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: EmptyStateComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [EmptyStateComponent],

package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-empty-state.mjs","sources":["../../../components/empty-state/empty-state.component.ts","../../../components/empty-state/empty-state.component.html","../../../components/empty-state/empty-state.component.module.ts","../../../components/empty-state/testgorilla-tgo-ui-components-empty-state.ts"],"sourcesContent":["import { Component, EventEmitter, Inject, Input, Optional, Output, OnInit } from '@angular/core';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { ButtonColor, ButtonIconPosition, ButtonSize } from '@testgorilla/tgo-ui/components/button';\nimport { IconName } from '@testgorilla/tgo-ui/components/icon';\nimport { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';\n\n@Component({\n  selector: 'ui-empty-state',\n  templateUrl: './empty-state.component.html',\n  styleUrls: ['./empty-state.component.scss'],\n  standalone: false,\n})\nexport class EmptyStateComponent implements OnInit {\n  /**\n   * @description If the default image should be displayed.\n   * @type {boolean}\n   * @memberof EmptyStateComponent\n   */\n  @Input() showIllustration = false;\n  /**\n   * @description If the default image should be displayed.\n   * @type {IllustrationVariant}\n   * @memberof EmptyStateComponent\n   */\n  @Input() illustrationVariant: IllustrationVariant = 'Empty-search';\n  /**\n   * @description The icon to be displayed in the empty state.\n   * @type {IconName}\n   * @memberof EmptyStateComponent\n   */\n  @Input() icon: IconName = '';\n\n  /**\n   * @description The empty state variant.\n   * @type {EmptyStateVariant}\n   * @memberof EmptyStateComponent\n   */\n  @Input() emptyStateVariant: EmptyStateVariant = 'desktop';\n\n  /**\n   * @description The title of the empty state.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() title = '';\n\n  /**\n   * @description The body text or description of the empty state.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() bodyText = '';\n\n  /**\n   * @description Displays primary button if passed.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() primaryButtonText = '';\n\n  /**\n   * Primary button variant - only for new theme.\n   * @type {ButtonVariant}\n   * @memberof EmptyStateComponent\n   */\n  @Input() primaryButtonVariant: ButtonVariant = 'pink';\n\n  /**\n   * General button variation - only for new theme.\n   * @type {ButtonColor}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalButtonVariation: ButtonColor = 'primary';\n\n  /**\n   * @description Name of ui-icon for primary button\n   * @type {IconName}\n   * @memberof EmptyStateComponent\n   */\n  @Input() primaryButtonIconName: IconName = '';\n\n  /**\n   * @description Position of ui-icon for primary button\n   * @type {ButtonIconPosition}\n   * @memberof EmptyStateComponent\n   */\n  @Input() primaryButtonIconPosition: ButtonIconPosition = 'left';\n\n  /**\n   * @description Displays secondary button if passed.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() secondaryButtonText = '';\n\n  /**\n   * Secondary button variant - only for new theme.\n   * @type {ButtonVariant}\n   * @memberof EmptyStateComponent\n   */\n  @Input() secondaryButtonVariant: ButtonVariant = 'black';\n\n  /**\n   * @description Name of ui-icon for secondary button\n   * @type {IconName}\n   * @memberof EmptyStateComponent\n   */\n  @Input() secondaryButtonIconName: IconName = '';\n\n  /**\n   * @description Position of ui-icon for secondary button\n   * @type {ButtonIconPosition}\n   * @memberof EmptyStateComponent\n   */\n  @Input() secondaryButtonIconPosition: ButtonIconPosition = 'left';\n\n  /**\n   * @description Displays tertiary button if passed.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() tertiaryButtonText = '';\n\n  /**\n   * Tertiary button variant - only for new theme.\n   * @type {ButtonVariant}\n   * @memberof EmptyStateComponent\n   */\n  @Input() tertiaryButtonVariant: ButtonVariant = 'ghost';\n\n  /**\n   * @description Name of ui-icon for tertiary button\n   * @type {IconName}\n   * @memberof EmptyStateComponent\n   */\n  @Input() tertiaryButtonIconName: IconName = '';\n\n  /**\n   * @description Position of ui-icon for tertiary button\n   * @type {ButtonIconPosition}\n   * @memberof EmptyStateComponent\n   */\n  @Input() tertiaryButtonIconPosition: ButtonIconPosition = 'left';\n\n  /**\n   * @description Displays general variation button if passed.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalVariationButtonText = '';\n\n  /**\n   * @description Displays general variation button if passed.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalVariationButtonSize: ButtonSize = 'big';\n\n  /**\n   * @description Name of ui-icon for general variation button\n   * @type {IconName}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalVariationButtonIconName: IconName = '';\n\n  /**\n   * @description Position of ui-icon for general variation button\n   * @type {ButtonIconPosition}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalVariationButtonIconPosition: ButtonIconPosition = 'left';\n\n  /**\n   * @description Disabled state for general variation button\n   * @type {boolean}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalVariationButtonDisabled = false;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof EmptyStateComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Event triggered when the primary button is clicked.\n   * @type {Event}\n   * @event\n   * @memberof TagComponent\n   */\n  @Output() primaryButtonClick = new EventEmitter<Event>();\n\n  /**\n   * Event triggered when the secondary button is clicked.\n   * @type {Event}\n   * @event\n   * @memberof TagComponent\n   */\n  @Output() secondaryButtonClick = new EventEmitter<Event>();\n\n  /**\n   * Event triggered when the tertiary button is clicked.\n   * @type {Event}\n   * @event\n   * @memberof TagComponent\n   */\n  @Output() tertiaryButtonClick = new EventEmitter<Event>();\n\n  /**\n   * Event triggered when the general variation button is clicked.\n   * @type {Event}\n   * @event\n   * @memberof TagComponent\n   */\n  @Output() generalVariationButtonClick = new EventEmitter<Event>();\n\n  buttonApplicationTheme: ApplicationTheme;\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  ngOnInit() {\n    if (this.applicationTheme !== 'classic') {\n      this.buttonApplicationTheme = this.applicationTheme;\n    }\n  }\n\n  onPrimaryButtonClick(event: Event): void {\n    this.primaryButtonClick.emit(event);\n  }\n\n  onSecondaryButtonClick(event: Event): void {\n    this.secondaryButtonClick.emit(event);\n  }\n\n  onTertiaryButtonClick(event: Event): void {\n    this.tertiaryButtonClick.emit(event);\n  }\n\n  onGeneralVariationButtonClick(event: Event): void {\n    this.generalVariationButtonClick.emit(event);\n  }\n\n  getVariant(variant: ButtonVariant) {\n    if (variant === 'pink') {\n      return 'primary';\n    } else if (variant === 'black') {\n      this.buttonApplicationTheme = 'light';\n      return 'secondary';\n    } else {\n      this.buttonApplicationTheme = 'light';\n      return 'ghost';\n    }\n  }\n}\n","<ng-container>\n  <div class=\"empty-state-container\" [attr.theme]=\"applicationTheme\" [class.mobile]=\"emptyStateVariant === 'mobile'\">\n    <div class=\"illustration\" *ngIf=\"showIllustration\" [attr.aria-hidden]=\"true\">\n      <img\n        *ngIf=\"applicationTheme === 'classic'\"\n        [attr.src]=\"'/images/empty-state-default.svg'\"\n        [width]=\"160\"\n        [height]=\"160\"\n        alt=\"illustration\"\n      />\n      <img\n        *ngIf=\"applicationTheme !== 'classic'\"\n        [attr.src]=\"'/icons/rebrand/' + illustrationVariant + '-in-line.svg'\"\n        [width]=\"160\"\n        [height]=\"160\"\n        alt=\"illustration\"\n      />\n    </div>\n\n    <div class=\"icon\" *ngIf=\"icon\">\n      <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"icon\" size=\"40\"></ui-icon>\n    </div>\n\n    <div class=\"text-content\">\n      <div class=\"title\">{{ title ? title : ('COMMON.NO_RESULTS' | uiTranslate | async) }}</div>\n      @if (bodyText) {\n        <div class=\"body-text\" [innerHTML]=\"bodyText\"></div>\n      }\n    </div>\n\n    <div class=\"actions\">\n      <ui-button\n        [fullWidth]=\"emptyStateVariant === 'mobile'\"\n        [applicationTheme]=\"buttonApplicationTheme\"\n        class=\"action-button\"\n        *ngIf=\"primaryButtonText\"\n        [variant]=\"applicationTheme !== 'classic' ? getVariant(primaryButtonVariant) : 'primary'\"\n        [label]=\"primaryButtonText\"\n        [iconName]=\"primaryButtonIconName\"\n        [iconPosition]=\"primaryButtonIconPosition\"\n        (buttonClickEvent)=\"onPrimaryButtonClick($event)\"\n      ></ui-button>\n      <ui-button\n        [fullWidth]=\"emptyStateVariant === 'mobile'\"\n        [applicationTheme]=\"buttonApplicationTheme\"\n        class=\"action-button\"\n        *ngIf=\"secondaryButtonText\"\n        [variant]=\"applicationTheme !== 'classic' ? getVariant(secondaryButtonVariant) : 'secondary'\"\n        [label]=\"secondaryButtonText\"\n        [iconName]=\"secondaryButtonIconName\"\n        [iconPosition]=\"secondaryButtonIconPosition\"\n        (buttonClickEvent)=\"onSecondaryButtonClick($event)\"\n      ></ui-button>\n      <ui-button\n        [fullWidth]=\"emptyStateVariant === 'mobile'\"\n        [applicationTheme]=\"buttonApplicationTheme\"\n        class=\"action-button\"\n        *ngIf=\"tertiaryButtonText\"\n        [variant]=\"applicationTheme !== 'classic' ? getVariant(tertiaryButtonVariant) : 'tertiary'\"\n        [label]=\"tertiaryButtonText\"\n        [iconName]=\"tertiaryButtonIconName\"\n        [iconPosition]=\"tertiaryButtonIconPosition\"\n        (buttonClickEvent)=\"onTertiaryButtonClick($event)\"\n      ></ui-button>\n      @if (generalVariationButtonText) {\n        <ui-button\n          class=\"action-button\"\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          [variant]=\"generalButtonVariation\"\n          [label]=\"generalVariationButtonText\"\n          [iconName]=\"generalVariationButtonIconName\"\n          [iconPosition]=\"generalVariationButtonIconPosition\"\n          [disabled]=\"generalVariationButtonDisabled\"\n          [size]=\"generalVariationButtonSize\"\n          (buttonClickEvent)=\"onGeneralVariationButtonClick($event)\"\n        ></ui-button>\n      }\n    </div>\n  </div>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { CommonModule, NgOptimizedImage } from '@angular/common';\nimport { EmptyStateComponent } from './empty-state.component';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\n@NgModule({\n  declarations: [EmptyStateComponent],\n  imports: [CommonModule, IconComponentModule, NgOptimizedImage, ButtonComponentModule, UiTranslatePipe],\n  exports: [EmptyStateComponent],\n})\nexport class EmptyStateComponentModule {}\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-empty-state.mjs","sources":["../../../components/empty-state/empty-state.component.ts","../../../components/empty-state/empty-state.component.html","../../../components/empty-state/empty-state.component.module.ts","../../../components/empty-state/testgorilla-tgo-ui-components-empty-state.ts"],"sourcesContent":["import { Component, EventEmitter, Inject, Input, Optional, Output, OnInit } from '@angular/core';\nimport { ApplicationTheme } from '@testgorilla/tgo-ui/components/core';\nimport { ButtonColor, ButtonIconPosition, ButtonSize } from '@testgorilla/tgo-ui/components/button';\nimport { IconName } from '@testgorilla/tgo-ui/components/icon';\nimport { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';\n\n@Component({\n  selector: 'ui-empty-state',\n  templateUrl: './empty-state.component.html',\n  styleUrls: ['./empty-state.component.scss'],\n  standalone: false,\n})\nexport class EmptyStateComponent implements OnInit {\n  /**\n   * @description If the default image should be displayed.\n   * @type {boolean}\n   * @memberof EmptyStateComponent\n   */\n  @Input() showIllustration = false;\n  /**\n   * @description If the default image should be displayed.\n   * @type {IllustrationVariant}\n   * @memberof EmptyStateComponent\n   */\n  @Input() illustrationVariant: IllustrationVariant = 'Empty-search';\n  /**\n   * @description The icon to be displayed in the empty state.\n   * @type {IconName}\n   * @memberof EmptyStateComponent\n   */\n  @Input() icon: IconName = '';\n\n  /**\n   * @description The empty state variant.\n   * @type {EmptyStateVariant}\n   * @memberof EmptyStateComponent\n   */\n  @Input() emptyStateVariant: EmptyStateVariant = 'desktop';\n\n  /**\n   * @description The title of the empty state.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() title = '';\n\n  /**\n   * @description The body text or description of the empty state.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() bodyText = '';\n\n  /**\n   * @description Displays primary button if passed.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() primaryButtonText = '';\n\n  /**\n   * Primary button variant - only for new theme.\n   * @type {ButtonVariant}\n   * @memberof EmptyStateComponent\n   */\n  @Input() primaryButtonVariant: ButtonVariant = 'pink';\n\n  /**\n   * General button variation - only for new theme.\n   * @type {ButtonColor}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalButtonVariation: ButtonColor = 'primary';\n\n  /**\n   * @description Name of ui-icon for primary button\n   * @type {IconName}\n   * @memberof EmptyStateComponent\n   */\n  @Input() primaryButtonIconName: IconName = '';\n\n  /**\n   * @description Position of ui-icon for primary button\n   * @type {ButtonIconPosition}\n   * @memberof EmptyStateComponent\n   */\n  @Input() primaryButtonIconPosition: ButtonIconPosition = 'left';\n\n  /**\n   * @description Displays secondary button if passed.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() secondaryButtonText = '';\n\n  /**\n   * Secondary button variant - only for new theme.\n   * @type {ButtonVariant}\n   * @memberof EmptyStateComponent\n   */\n  @Input() secondaryButtonVariant: ButtonVariant = 'black';\n\n  /**\n   * @description Name of ui-icon for secondary button\n   * @type {IconName}\n   * @memberof EmptyStateComponent\n   */\n  @Input() secondaryButtonIconName: IconName = '';\n\n  /**\n   * @description Position of ui-icon for secondary button\n   * @type {ButtonIconPosition}\n   * @memberof EmptyStateComponent\n   */\n  @Input() secondaryButtonIconPosition: ButtonIconPosition = 'left';\n\n  /**\n   * @description Displays tertiary button if passed.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() tertiaryButtonText = '';\n\n  /**\n   * Tertiary button variant - only for new theme.\n   * @type {ButtonVariant}\n   * @memberof EmptyStateComponent\n   */\n  @Input() tertiaryButtonVariant: ButtonVariant = 'ghost';\n\n  /**\n   * @description Name of ui-icon for tertiary button\n   * @type {IconName}\n   * @memberof EmptyStateComponent\n   */\n  @Input() tertiaryButtonIconName: IconName = '';\n\n  /**\n   * @description Position of ui-icon for tertiary button\n   * @type {ButtonIconPosition}\n   * @memberof EmptyStateComponent\n   */\n  @Input() tertiaryButtonIconPosition: ButtonIconPosition = 'left';\n\n  /**\n   * @description Displays general variation button if passed.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalVariationButtonText = '';\n\n  /**\n   * @description Displays general variation button if passed.\n   * @type {string}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalVariationButtonSize: ButtonSize = 'big';\n\n  /**\n   * @description Name of ui-icon for general variation button\n   * @type {IconName}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalVariationButtonIconName: IconName = '';\n\n  /**\n   * @description Position of ui-icon for general variation button\n   * @type {ButtonIconPosition}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalVariationButtonIconPosition: ButtonIconPosition = 'left';\n\n  /**\n   * @description Disabled state for general variation button\n   * @type {boolean}\n   * @memberof EmptyStateComponent\n   */\n  @Input() generalVariationButtonDisabled = false;\n\n  /**\n   *\n   * Defines the application theme\n   *\n   * @type {ApplicationTheme}\n   * @memberof EmptyStateComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   * Event triggered when the primary button is clicked.\n   * @type {Event}\n   * @event\n   * @memberof TagComponent\n   */\n  @Output() primaryButtonClick = new EventEmitter<Event>();\n\n  /**\n   * Event triggered when the secondary button is clicked.\n   * @type {Event}\n   * @event\n   * @memberof TagComponent\n   */\n  @Output() secondaryButtonClick = new EventEmitter<Event>();\n\n  /**\n   * Event triggered when the tertiary button is clicked.\n   * @type {Event}\n   * @event\n   * @memberof TagComponent\n   */\n  @Output() tertiaryButtonClick = new EventEmitter<Event>();\n\n  /**\n   * Event triggered when the general variation button is clicked.\n   * @type {Event}\n   * @event\n   * @memberof TagComponent\n   */\n  @Output() generalVariationButtonClick = new EventEmitter<Event>();\n\n  buttonApplicationTheme: ApplicationTheme;\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  ngOnInit() {\n    if (this.applicationTheme !== 'classic') {\n      this.buttonApplicationTheme = this.applicationTheme;\n    }\n  }\n\n  onPrimaryButtonClick(event: Event): void {\n    this.primaryButtonClick.emit(event);\n  }\n\n  onSecondaryButtonClick(event: Event): void {\n    this.secondaryButtonClick.emit(event);\n  }\n\n  onTertiaryButtonClick(event: Event): void {\n    this.tertiaryButtonClick.emit(event);\n  }\n\n  onGeneralVariationButtonClick(event: Event): void {\n    this.generalVariationButtonClick.emit(event);\n  }\n\n  getVariant(variant: ButtonVariant) {\n    if (variant === 'pink') {\n      return 'primary';\n    } else if (variant === 'black') {\n      this.buttonApplicationTheme = 'light';\n      return 'secondary';\n    } else {\n      this.buttonApplicationTheme = 'light';\n      return 'ghost';\n    }\n  }\n}\n","<ng-container>\n  <div class=\"empty-state-container\" [attr.theme]=\"applicationTheme\" [class.mobile]=\"emptyStateVariant === 'mobile'\">\n    @if (showIllustration) {\n      <div class=\"illustration\" [attr.aria-hidden]=\"true\">\n        @if (applicationTheme === 'classic') {\n          <img [attr.src]=\"'/images/empty-state-default.svg'\" [width]=\"160\" [height]=\"160\" alt=\"illustration\" />\n        }\n        @if (applicationTheme !== 'classic') {\n          <img\n            [attr.src]=\"'/icons/rebrand/' + illustrationVariant + '-in-line.svg'\"\n            [width]=\"160\"\n            [height]=\"160\"\n            alt=\"illustration\"\n          />\n        }\n      </div>\n    }\n\n    @if (icon) {\n      <div class=\"icon\">\n        <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"icon\" size=\"40\"></ui-icon>\n      </div>\n    }\n\n    <div class=\"text-content\">\n      <div class=\"title\">{{ title ? title : ('COMMON.NO_RESULTS' | uiTranslate | async) }}</div>\n      @if (bodyText) {\n        <div class=\"body-text\" [innerHTML]=\"bodyText\"></div>\n      }\n    </div>\n\n    <div class=\"actions\">\n      @if (primaryButtonText) {\n        <ui-button\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          class=\"action-button\"\n          [variant]=\"applicationTheme !== 'classic' ? getVariant(primaryButtonVariant) : 'primary'\"\n          [label]=\"primaryButtonText\"\n          [iconName]=\"primaryButtonIconName\"\n          [iconPosition]=\"primaryButtonIconPosition\"\n          (buttonClickEvent)=\"onPrimaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (secondaryButtonText) {\n        <ui-button\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          class=\"action-button\"\n          [variant]=\"applicationTheme !== 'classic' ? getVariant(secondaryButtonVariant) : 'secondary'\"\n          [label]=\"secondaryButtonText\"\n          [iconName]=\"secondaryButtonIconName\"\n          [iconPosition]=\"secondaryButtonIconPosition\"\n          (buttonClickEvent)=\"onSecondaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (tertiaryButtonText) {\n        <ui-button\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          class=\"action-button\"\n          [variant]=\"applicationTheme !== 'classic' ? getVariant(tertiaryButtonVariant) : 'tertiary'\"\n          [label]=\"tertiaryButtonText\"\n          [iconName]=\"tertiaryButtonIconName\"\n          [iconPosition]=\"tertiaryButtonIconPosition\"\n          (buttonClickEvent)=\"onTertiaryButtonClick($event)\"\n        ></ui-button>\n      }\n      @if (generalVariationButtonText) {\n        <ui-button\n          class=\"action-button\"\n          [fullWidth]=\"emptyStateVariant === 'mobile'\"\n          [applicationTheme]=\"buttonApplicationTheme\"\n          [variant]=\"generalButtonVariation\"\n          [label]=\"generalVariationButtonText\"\n          [iconName]=\"generalVariationButtonIconName\"\n          [iconPosition]=\"generalVariationButtonIconPosition\"\n          [disabled]=\"generalVariationButtonDisabled\"\n          [size]=\"generalVariationButtonSize\"\n          (buttonClickEvent)=\"onGeneralVariationButtonClick($event)\"\n        ></ui-button>\n      }\n    </div>\n  </div>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { CommonModule, NgOptimizedImage } from '@angular/common';\nimport { EmptyStateComponent } from './empty-state.component';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\n\n@NgModule({\n  declarations: [EmptyStateComponent],\n  imports: [CommonModule, IconComponentModule, NgOptimizedImage, ButtonComponentModule, UiTranslatePipe],\n  exports: [EmptyStateComponent],\n})\nexport class EmptyStateComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}