import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import { GlobalInjector } from '../../../../../../common/services/global-injector';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "primeng/api";
import * as i3 from "../profile-menu/profile-menu.component";
import * as i4 from "../notifications/notifications.component";
import * as i5 from "../../../../../smz-notifications/features/notifications/notifications.component";
import * as i6 from "../../../../features/tenant-switch/tenant-switch.component";
import * as i7 from "../../../../features/localization-switch/localization-switch.component";
import * as i8 from "../../../../../smz-responsive/smz-responsive.component";
export class AthenaTopbarActionsComponent {
    constructor() {
        this.profile = [];
        this.notifications = [];
        this.uiConfig = GlobalInjector.config;
        this.showLocalizationSwitch = GlobalInjector.config.rbkUtils.uiLocalization.allowLocalizationSwitching;
        this.showTenantSwitch = GlobalInjector.config.rbkUtils.authentication.allowTenantSwitching;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AthenaTopbarActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: AthenaTopbarActionsComponent, selector: "[smz-ui-new-athena-topbar-actions]", inputs: { profile: "profile", notifications: "notifications", headerExtrasTemplate: "headerExtrasTemplate" }, ngImport: i0, template: `
      <ng-content></ng-content>

      <div id="smz-ui-topbar"></div>

      <smz-responsive class="col grid grid-nogutter w-full items-center justify-start">

      <!-- LANDSCAPE -->
        <ng-template pTemplate="landscape">

          <span class="col extras-container justify-end extras-container mr-3">
            <ng-container *ngIf="headerExtrasTemplate != null">
              <ng-container *ngTemplateOutlet="headerExtrasTemplate"></ng-container>
            </ng-container>
          </span>

          <ng-container *ngIf="uiConfig.rbkUtils.notifications.url != null; else modelDrivenNotificationsTemplate">
            <smz-ui-notifications id="smz-ui-notifications" class="mt-2"></smz-ui-notifications>
          </ng-container>

          <ng-template #modelDrivenNotificationsTemplate>
            <span class="notification-container" *ngIf="notifications != null" smz-ui-new-athena-notifications [items]="notifications"></span>
          </ng-template>

          <smz-localization-switch *ngIf="showLocalizationSwitch" class="mr-3"></smz-localization-switch>

          <smz-tenant-switch *ngIf="showTenantSwitch" class="mr-3"></smz-tenant-switch>

          <span id="smz-ui-profile-menu" *ngIf="profile != null" smz-ui-new-athena-profile-menu [profile]="profile"></span>

        </ng-template>

        <!-- PORTRAIT -->
        <ng-template pTemplate="portrait">

          <span class="col extras-container justify-end extras-container mr-3">
            <ng-container *ngIf="headerExtrasTemplate != null">
              <ng-container *ngTemplateOutlet="headerExtrasTemplate"></ng-container>
            </ng-container>
          </span>

          <ng-container *ngIf="uiConfig.rbkUtils.notifications.url != null; else modelDrivenNotificationsTemplate">
            <smz-ui-notifications id="smz-ui-notifications" class="mt-2"></smz-ui-notifications>
          </ng-container>

          <ng-template #modelDrivenNotificationsTemplate>
            <span class="notification-container" *ngIf="notifications != null" smz-ui-new-athena-notifications [items]="notifications"></span>
          </ng-template>

          <smz-tenant-switch *ngIf="showTenantSwitch" class="mr-3"></smz-tenant-switch>

          <span id="smz-ui-profile-menu" *ngIf="profile != null" smz-ui-new-athena-profile-menu [profile]="profile"></span>

        </ng-template>

      </smz-responsive>

  `, isInline: true, styles: [".notification-container{position:relative;font-weight:700;margin-top:0;margin-right:30px;color:var(--text-color-secondary)}.extras-container{position:relative;height:100%;display:flex;align-items:center;color:var(--text-color-secondary)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3.NewAthenaProfileMenuComponent, selector: "[smz-ui-new-athena-profile-menu]", inputs: ["profile"] }, { kind: "component", type: i4.NewAthenaNotificationsComponent, selector: "[smz-ui-new-athena-notifications]", inputs: ["items"] }, { kind: "component", type: i5.SmzNotificationsComponent, selector: "smz-ui-notifications" }, { kind: "component", type: i6.SmzTenantSwitchComponent, selector: "smz-tenant-switch" }, { kind: "component", type: i7.SmzLocalizationSwitchComponent, selector: "smz-localization-switch" }, { kind: "component", type: i8.SmzResponsiveComponent, selector: "smz-responsive" }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: AthenaTopbarActionsComponent, decorators: [{
            type: Component,
            args: [{ selector: '[smz-ui-new-athena-topbar-actions]', changeDetection: ChangeDetectionStrategy.Default, template: `
      <ng-content></ng-content>

      <div id="smz-ui-topbar"></div>

      <smz-responsive class="col grid grid-nogutter w-full items-center justify-start">

      <!-- LANDSCAPE -->
        <ng-template pTemplate="landscape">

          <span class="col extras-container justify-end extras-container mr-3">
            <ng-container *ngIf="headerExtrasTemplate != null">
              <ng-container *ngTemplateOutlet="headerExtrasTemplate"></ng-container>
            </ng-container>
          </span>

          <ng-container *ngIf="uiConfig.rbkUtils.notifications.url != null; else modelDrivenNotificationsTemplate">
            <smz-ui-notifications id="smz-ui-notifications" class="mt-2"></smz-ui-notifications>
          </ng-container>

          <ng-template #modelDrivenNotificationsTemplate>
            <span class="notification-container" *ngIf="notifications != null" smz-ui-new-athena-notifications [items]="notifications"></span>
          </ng-template>

          <smz-localization-switch *ngIf="showLocalizationSwitch" class="mr-3"></smz-localization-switch>

          <smz-tenant-switch *ngIf="showTenantSwitch" class="mr-3"></smz-tenant-switch>

          <span id="smz-ui-profile-menu" *ngIf="profile != null" smz-ui-new-athena-profile-menu [profile]="profile"></span>

        </ng-template>

        <!-- PORTRAIT -->
        <ng-template pTemplate="portrait">

          <span class="col extras-container justify-end extras-container mr-3">
            <ng-container *ngIf="headerExtrasTemplate != null">
              <ng-container *ngTemplateOutlet="headerExtrasTemplate"></ng-container>
            </ng-container>
          </span>

          <ng-container *ngIf="uiConfig.rbkUtils.notifications.url != null; else modelDrivenNotificationsTemplate">
            <smz-ui-notifications id="smz-ui-notifications" class="mt-2"></smz-ui-notifications>
          </ng-container>

          <ng-template #modelDrivenNotificationsTemplate>
            <span class="notification-container" *ngIf="notifications != null" smz-ui-new-athena-notifications [items]="notifications"></span>
          </ng-template>

          <smz-tenant-switch *ngIf="showTenantSwitch" class="mr-3"></smz-tenant-switch>

          <span id="smz-ui-profile-menu" *ngIf="profile != null" smz-ui-new-athena-profile-menu [profile]="profile"></span>

        </ng-template>

      </smz-responsive>

  `, styles: [".notification-container{position:relative;font-weight:700;margin-top:0;margin-right:30px;color:var(--text-color-secondary)}.extras-container{position:relative;height:100%;display:flex;align-items:center;color:var(--text-color-secondary)}\n"] }]
        }], propDecorators: { profile: [{
                type: Input
            }], notifications: [{
                type: Input
            }], headerExtrasTemplate: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64, 