@testgorilla/tgo-ui 11.22.3 → 12.0.1

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 { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Inject,\n  Input,\n  Optional,\n  Output,\n  OnInit,\n} from '@angular/core';\n\nimport { ButtonColor, ButtonIconPosition, ButtonSize, ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';\n\n@Component({\n  selector: 'ui-empty-state',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './empty-state.component.html',\n  styleUrls: ['./empty-state.component.scss'],\n  imports: [IconComponentModule, ButtonComponent, AsyncPipe, UiTranslatePipe],\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 { CommonModule, NgOptimizedImage } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { EmptyStateComponent } from './empty-state.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    NgOptimizedImage,\n    ButtonComponentModule,\n    UiTranslatePipe,\n    EmptyStateComponent,\n  ],\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","names":[],"sources":["../../../components/empty-state/empty-state.component.ts","../../../components/empty-state/empty-state.component.html","../../../components/empty-state/empty-state.component.module.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Inject,\n  Input,\n  Optional,\n  Output,\n  OnInit,\n} from '@angular/core';\n\nimport { ButtonColor, ButtonIconPosition, ButtonSize, ButtonComponent } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconName, IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { ButtonVariant, EmptyStateVariant, IllustrationVariant } from './empty-state.model';\n\n@Component({\n  selector: 'ui-empty-state',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './empty-state.component.html',\n  styleUrls: ['./empty-state.component.scss'],\n  imports: [IconComponentModule, ButtonComponent, AsyncPipe, UiTranslatePipe],\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 { CommonModule, NgOptimizedImage } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { EmptyStateComponent } from './empty-state.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    NgOptimizedImage,\n    ButtonComponentModule,\n    UiTranslatePipe,\n    EmptyStateComponent,\n  ],\n  exports: [EmptyStateComponent],\n})\nexport class EmptyStateComponentModule {}\n"],"mappings":"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"}