@c8y/ngx-components/esm2022/core/application/app-switcher-inline.component.mjs

Angular modules for Cumulocity IoT applications

import { Component } from '@angular/core';
import { AppSwitcherService } from './app-switcher.service';
import * as i0 from "@angular/core";
import * as i1 from "./app-switcher.service";
import * as i2 from "@angular/common";
import * as i3 from "../common/loading.component";
import * as i4 from "../product-experience/product-experience.directive";
import * as i5 from "./app-icon.component";
import * as i6 from "../common/humanize-app-name.pipe";
import * as i7 from "./app-href.pipe";
import * as i8 from "./is-active-app.pipe";
export class AppSwitcherInlineComponent {
    constructor(switcherService) {
        this.switcherService = switcherService;
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppSwitcherInlineComponent, deps: [{ token: i1.AppSwitcherService }], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AppSwitcherInlineComponent, selector: "c8y-app-switcher-inline", ngImport: i0, template: "<div\n  class=\"d-flex a-i-center j-c-center p-4\"\n  *ngIf=\"!(switcherService.finishedLoading$ | async)\"\n>\n  <c8y-loading></c8y-loading>\n</div>\n<ng-container *ngIf=\"switcherService.oneCloudApps$ | async as oneCloudApps\">\n  <div\n    class=\"app-switcher-sagcloud\"\n    *ngIf=\"oneCloudApps.length > 0\"\n  >\n    <a\n      class=\"appLink\"\n      title=\"{{ app.name | humanizeAppName | async }}\"\n      *ngFor=\"let app of oneCloudApps\"\n      [href]=\"app | appHref\"\n      c8yProductExperience\n      [actionName]=\"'appSwitched'\"\n      [actionData]=\"{ applicationName: app && app.name }\"\n    >\n      <c8y-app-icon\n        [app]=\"app\"\n        [name]=\"app.name\"\n        [contextPath]=\"app.contextPath\"\n      ></c8y-app-icon>\n      <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n    </a>\n  </div>\n</ng-container>\n<div\n  class=\"app-switcher\"\n  *ngIf=\"switcherService.apps$ | async as apps\"\n>\n  <a\n    class=\"appLink\"\n    title=\"{{ app.name | humanizeAppName | async }}\"\n    [ngClass]=\"(app | isActiveApp | async) ? 'active' : ''\"\n    *ngFor=\"let app of apps\"\n    [href]=\"app | appHref : true\"\n    [rel]=\"app.type === 'EXTERNAL' ? 'noopener noreferrer' : ''\"\n    c8yProductExperience\n    [actionName]=\"'appSwitched'\"\n    [actionData]=\"{ applicationName: app && app.name }\"\n  >\n    <c8y-app-icon\n      [app]=\"app\"\n      [name]=\"app.name\"\n      [contextPath]=\"app.contextPath\"\n    ></c8y-app-icon>\n    <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n  </a>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.LoadingComponent, selector: "c8y-loading", inputs: ["layout", "progress", "message"] }, { kind: "directive", type: i4.ProductExperienceDirective, selector: "[c8yProductExperience]", inputs: ["actionName", "actionData", "inherit", "suppressDataOverriding"] }, { kind: "component", type: i5.AppIconComponent, selector: "c8y-app-icon", inputs: ["contextPath", "name", "app"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.HumanizeAppNamePipe, name: "humanizeAppName" }, { kind: "pipe", type: i7.AppHrefPipe, name: "appHref" }, { kind: "pipe", type: i8.IsActiveAppPipe, name: "isActiveApp" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppSwitcherInlineComponent, decorators: [{
            type: Component,
            args: [{ selector: 'c8y-app-switcher-inline', template: "<div\n  class=\"d-flex a-i-center j-c-center p-4\"\n  *ngIf=\"!(switcherService.finishedLoading$ | async)\"\n>\n  <c8y-loading></c8y-loading>\n</div>\n<ng-container *ngIf=\"switcherService.oneCloudApps$ | async as oneCloudApps\">\n  <div\n    class=\"app-switcher-sagcloud\"\n    *ngIf=\"oneCloudApps.length > 0\"\n  >\n    <a\n      class=\"appLink\"\n      title=\"{{ app.name | humanizeAppName | async }}\"\n      *ngFor=\"let app of oneCloudApps\"\n      [href]=\"app | appHref\"\n      c8yProductExperience\n      [actionName]=\"'appSwitched'\"\n      [actionData]=\"{ applicationName: app && app.name }\"\n    >\n      <c8y-app-icon\n        [app]=\"app\"\n        [name]=\"app.name\"\n        [contextPath]=\"app.contextPath\"\n      ></c8y-app-icon>\n      <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n    </a>\n  </div>\n</ng-container>\n<div\n  class=\"app-switcher\"\n  *ngIf=\"switcherService.apps$ | async as apps\"\n>\n  <a\n    class=\"appLink\"\n    title=\"{{ app.name | humanizeAppName | async }}\"\n    [ngClass]=\"(app | isActiveApp | async) ? 'active' : ''\"\n    *ngFor=\"let app of apps\"\n    [href]=\"app | appHref : true\"\n    [rel]=\"app.type === 'EXTERNAL' ? 'noopener noreferrer' : ''\"\n    c8yProductExperience\n    [actionName]=\"'appSwitched'\"\n    [actionData]=\"{ applicationName: app && app.name }\"\n  >\n    <c8y-app-icon\n      [app]=\"app\"\n      [name]=\"app.name\"\n      [contextPath]=\"app.contextPath\"\n    ></c8y-app-icon>\n    <span class=\"text-truncate-wrap\">{{ app | humanizeAppName | async }}</span>\n  </a>\n</div>\n" }]
        }], ctorParameters: () => [{ type: i1.AppSwitcherService }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwLXN3aXRjaGVyLWlubGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb3JlL2FwcGxpY2F0aW9uL2FwcC1zd2l0Y2hlci1pbmxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vY29yZS9hcHBsaWNhdGlvbi9hcHAtc3dpdGNoZXItaW5saW5lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7Ozs7Ozs7QUFLNUQsTUFBTSxPQUFPLDBCQUEwQjtJQUNyQyxZQUFtQixlQUFtQztRQUFuQyxvQkFBZSxHQUFmLGVBQWUsQ0FBb0I7SUFBRyxDQUFDOytHQUQvQywwQkFBMEI7bUdBQTFCLDBCQUEwQiwrRENOdkMseWtEQW9EQTs7NEZEOUNhLDBCQUEwQjtrQkFKdEMsU0FBUzsrQkFDRSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFwcFN3aXRjaGVyU2VydmljZSB9IGZyb20gJy4vYXBwLXN3aXRjaGVyLnNlcnZpY2UnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYzh5LWFwcC1zd2l0Y2hlci1pbmxpbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXBwLXN3aXRjaGVyLWlubGluZS5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQXBwU3dpdGNoZXJJbmxpbmVDb21wb25lbnQge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgc3dpdGNoZXJTZXJ2aWNlOiBBcHBTd2l0Y2hlclNlcnZpY2UpIHt9XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwiZC1mbGV4IGEtaS1jZW50ZXIgai1jLWNlbnRlciBwLTRcIlxuICAqbmdJZj1cIiEoc3dpdGNoZXJTZXJ2aWNlLmZpbmlzaGVkTG9hZGluZyQgfCBhc3luYylcIlxuPlxuICA8Yzh5LWxvYWRpbmc+PC9jOHktbG9hZGluZz5cbjwvZGl2PlxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInN3aXRjaGVyU2VydmljZS5vbmVDbG91ZEFwcHMkIHwgYXN5bmMgYXMgb25lQ2xvdWRBcHBzXCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cImFwcC1zd2l0Y2hlci1zYWdjbG91ZFwiXG4gICAgKm5nSWY9XCJvbmVDbG91ZEFwcHMubGVuZ3RoID4gMFwiXG4gID5cbiAgICA8YVxuICAgICAgY2xhc3M9XCJhcHBMaW5rXCJcbiAgICAgIHRpdGxlPVwie3sgYXBwLm5hbWUgfCBodW1hbml6ZUFwcE5hbWUgfCBhc3luYyB9fVwiXG4gICAgICAqbmdGb3I9XCJsZXQgYXBwIG9mIG9uZUNsb3VkQXBwc1wiXG4gICAgICBbaHJlZl09XCJhcHAgfCBhcHBIcmVmXCJcbiAgICAgIGM4eVByb2R1Y3RFeHBlcmllbmNlXG4gICAgICBbYWN0aW9uTmFtZV09XCInYXBwU3dpdGNoZWQnXCJcbiAgICAgIFthY3Rpb25EYXRhXT1cInsgYXBwbGljYXRpb25OYW1lOiBhcHAgJiYgYXBwLm5hbWUgfVwiXG4gICAgPlxuICAgICAgPGM4eS1hcHAtaWNvblxuICAgICAgICBbYXBwXT1cImFwcFwiXG4gICAgICAgIFtuYW1lXT1cImFwcC5uYW1lXCJcbiAgICAgICAgW2NvbnRleHRQYXRoXT1cImFwcC5jb250ZXh0UGF0aFwiXG4gICAgICA+PC9jOHktYXBwLWljb24+XG4gICAgICA8c3BhbiBjbGFzcz1cInRleHQtdHJ1bmNhdGUtd3JhcFwiPnt7IGFwcCB8IGh1bWFuaXplQXBwTmFtZSB8IGFzeW5jIH19PC9zcGFuPlxuICAgIDwvYT5cbiAgPC9kaXY+XG48L25nLWNvbnRhaW5lcj5cbjxkaXZcbiAgY2xhc3M9XCJhcHAtc3dpdGNoZXJcIlxuICAqbmdJZj1cInN3aXRjaGVyU2VydmljZS5hcHBzJCB8IGFzeW5jIGFzIGFwcHNcIlxuPlxuICA8YVxuICAgIGNsYXNzPVwiYXBwTGlua1wiXG4gICAgdGl0bGU9XCJ7eyBhcHAubmFtZSB8IGh1bWFuaXplQXBwTmFtZSB8IGFzeW5jIH19XCJcbiAgICBbbmdDbGFzc109XCIoYXBwIHwgaXNBY3RpdmVBcHAgfCBhc3luYykgPyAnYWN0aXZlJyA6ICcnXCJcbiAgICAqbmdGb3I9XCJsZXQgYXBwIG9mIGFwcHNcIlxuICAgIFtocmVmXT1cImFwcCB8IGFwcEhyZWYgOiB0cnVlXCJcbiAgICBbcmVsXT1cImFwcC50eXBlID09PSAnRVhURVJOQUwnID8gJ25vb3BlbmVyIG5vcmVmZXJyZXInIDogJydcIlxuICAgIGM4eVByb2R1Y3RFeHBlcmllbmNlXG4gICAgW2FjdGlvbk5hbWVdPVwiJ2FwcFN3aXRjaGVkJ1wiXG4gICAgW2FjdGlvbkRhdGFdPVwieyBhcHBsaWNhdGlvbk5hbWU6IGFwcCAmJiBhcHAubmFtZSB9XCJcbiAgPlxuICAgIDxjOHktYXBwLWljb25cbiAgICAgIFthcHBdPVwiYXBwXCJcbiAgICAgIFtuYW1lXT1cImFwcC5uYW1lXCJcbiAgICAgIFtjb250ZXh0UGF0aF09XCJhcHAuY29udGV4dFBhdGhcIlxuICAgID48L2M4eS1hcHAtaWNvbj5cbiAgICA8c3BhbiBjbGFzcz1cInRleHQtdHJ1bmNhdGUtd3JhcFwiPnt7IGFwcCB8IGh1bWFuaXplQXBwTmFtZSB8IGFzeW5jIH19PC9zcGFuPlxuICA8L2E+XG48L2Rpdj5cbiJdfQ==