ecabs-components 1.0.46 → 1.0.47

package/esm2022/lib/ecabs-header/ecabs-header.component.mjs

@@ -0,0 +1,51 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import { Subscription } from "rxjs";
+import * as i0 from "@angular/core";
+import * as i1 from "../services/header.service";
+import * as i2 from "@angular/common";
+import * as i3 from "../ecabs-breadcrumb/ecabs-breadcrumb.component";
+import * as i4 from "../ecabs-profile/ecabs-profile.component";
+export class EcabsHeaderComponent {
+    panelService;
+    subscription = new Subscription();
+    basicHeader;
+    header;
+    user;
+    loading = false;
+    template;
+    constructor(panelService) {
+        this.panelService = panelService;
+    }
+    ngOnChanges(changes) {
+        const { header } = changes ?? {};
+        if (!!header?.currentValue) {
+            this.basicHeader.nativeElement.innerHTML = this.header?.title || '';
+        }
+    }
+    ngOnInit() {
+        this.subscription.add(this.panelService
+            .getHeaderTemplate()
+            .subscribe((template) => {
+            this.template = template;
+        }));
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsHeaderComponent, deps: [{ token: i1.HeaderService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsHeaderComponent, selector: "ecabs-header", inputs: { header: "header", user: "user", loading: "loading" }, viewQueries: [{ propertyName: "basicHeader", first: true, predicate: ["basicHeader"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"{loading}\" class=\"progress-bar\"></div>\r\n\r\n<div class=\"flex pb-4 pt-3 px-10\">\r\n  <div class=\"flex flex-col flex-1 justify-center\">\r\n    <div>\r\n      <ecabs-breadcrumb [breadCrumb]=\"header?.breadCrumb\"></ecabs-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"heading--lg text-brand-dark font-medium\">\r\n      <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n      <div #basicHeader></div>\r\n    </div>\r\n  </div>\r\n\r\n  <div>\r\n    <div class=\"flex items-center\">\r\n      <ecabs-profile [name]=\"user?.name\" [title]=\"user?.title\"></ecabs-profile>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["@keyframes progressMove{0%{margin-left:0}to{margin-left:80%}}.progress-bar{height:4px}.progress-bar.loading:before{animation-name:progressMove;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out;display:inline-block;vertical-align:top;width:20%;content:\"\";background-color:var(--color-brand-dark);height:4px;animation-direction:alternate}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.EcabsBreadcrumbComponent, selector: "ecabs-breadcrumb", inputs: ["breadCrumb"] }, { kind: "component", type: i4.EcabsProfileComponent, selector: "ecabs-profile", inputs: ["name", "title"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecabs-header', template: "<div [ngClass]=\"{loading}\" class=\"progress-bar\"></div>\r\n\r\n<div class=\"flex pb-4 pt-3 px-10\">\r\n  <div class=\"flex flex-col flex-1 justify-center\">\r\n    <div>\r\n      <ecabs-breadcrumb [breadCrumb]=\"header?.breadCrumb\"></ecabs-breadcrumb>\r\n    </div>\r\n\r\n    <div class=\"heading--lg text-brand-dark font-medium\">\r\n      <ng-container *ngTemplateOutlet=\"template\"></ng-container>\r\n      <div #basicHeader></div>\r\n    </div>\r\n  </div>\r\n\r\n  <div>\r\n    <div class=\"flex items-center\">\r\n      <ecabs-profile [name]=\"user?.name\" [title]=\"user?.title\"></ecabs-profile>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["@keyframes progressMove{0%{margin-left:0}to{margin-left:80%}}.progress-bar{height:4px}.progress-bar.loading:before{animation-name:progressMove;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-out;display:inline-block;vertical-align:top;width:20%;content:\"\";background-color:var(--color-brand-dark);height:4px;animation-direction:alternate}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.HeaderService }]; }, propDecorators: { basicHeader: [{
+                type: ViewChild,
+                args: ['basicHeader', { static: true }]
+            }], header: [{
+                type: Input
+            }], user: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNhYnMtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL2xpYi9lY2Ficy1oZWFkZXIvZWNhYnMtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL2xpYi9lY2Ficy1oZWFkZXIvZWNhYnMtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBRVQsS0FBSyxFQU1MLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUMsWUFBWSxFQUFZLE1BQU0sTUFBTSxDQUFDOzs7Ozs7QUFRN0MsTUFBTSxPQUFPLG9CQUFvQjtJQWlCRjtJQWhCWixZQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUduRCxXQUFXLENBQWE7SUFHeEIsTUFBTSxDQUFjO0lBR3BCLElBQUksQ0FBa0M7SUFHdEMsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUV6QixRQUFRLENBQWtCO0lBRTFCLFlBQTZCLFlBQTJCO1FBQTNCLGlCQUFZLEdBQVosWUFBWSxDQUFlO0lBQ3hELENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsTUFBTSxFQUFDLE1BQU0sRUFBQyxHQUFHLE9BQU8sSUFBSSxFQUFFLENBQUM7UUFFL0IsSUFBSSxDQUFDLENBQUMsTUFBTSxFQUFFLFlBQVksRUFBRTtZQUMxQixJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDO1NBQ3JFO0lBQ0gsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FDbkIsSUFBSSxDQUFDLFlBQVk7YUFDZCxpQkFBaUIsRUFBRTthQUNuQixTQUFTLENBQUMsQ0FBQyxRQUFRLEVBQUUsRUFBRTtZQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztRQUMzQixDQUFDLENBQUMsQ0FDTCxDQUFBO0lBQ0gsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsWUFBWSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ2xDLENBQUM7d0dBeENVLG9CQUFvQjs0RkFBcEIsb0JBQW9CLG1RQ3BCakMsMm9CQW9CQTs7NEZEQWEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7b0dBUXhCLFdBQVc7c0JBRFYsU0FBUzt1QkFBQyxhQUFhLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDO2dCQUl4QyxNQUFNO3NCQURMLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgSW5wdXQsXHJcbiAgT25DaGFuZ2VzLFxyXG4gIE9uRGVzdHJveSxcclxuICBPbkluaXQsXHJcbiAgU2ltcGxlQ2hhbmdlcyxcclxuICBUZW1wbGF0ZVJlZixcclxuICBWaWV3Q2hpbGRcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtIZWFkZXJTZXJ2aWNlfSBmcm9tIFwiLi4vc2VydmljZXMvaGVhZGVyLnNlcnZpY2VcIjtcclxuaW1wb3J0IHtTdWJzY3JpcHRpb24sIHRha2VVbnRpbH0gZnJvbSBcInJ4anNcIjtcclxuaW1wb3J0IHtIZWFkZXJNb2RlbH0gZnJvbSBcIi4uL21vZGVscy9oZWFkZXIubW9kZWxzXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2VjYWJzLWhlYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2VjYWJzLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZWNhYnMtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEVjYWJzSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgcHJpdmF0ZSByZWFkb25seSBzdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XHJcblxyXG4gIEBWaWV3Q2hpbGQoJ2Jhc2ljSGVhZGVyJywge3N0YXRpYzogdHJ1ZX0pXHJcbiAgYmFzaWNIZWFkZXI6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaGVhZGVyOiBIZWFkZXJNb2RlbDtcclxuXHJcbiAgQElucHV0KClcclxuICB1c2VyOiB7IG5hbWU6IHN0cmluZzsgdGl0bGU6IHN0cmluZyB9O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGxvYWRpbmc6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPHt9PjtcclxuXHJcbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBwYW5lbFNlcnZpY2U6IEhlYWRlclNlcnZpY2UpIHtcclxuICB9XHJcblxyXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIGNvbnN0IHtoZWFkZXJ9ID0gY2hhbmdlcyA/PyB7fTtcclxuXHJcbiAgICBpZiAoISFoZWFkZXI/LmN1cnJlbnRWYWx1ZSkge1xyXG4gICAgICB0aGlzLmJhc2ljSGVhZGVyLm5hdGl2ZUVsZW1lbnQuaW5uZXJIVE1MID0gdGhpcy5oZWFkZXI/LnRpdGxlIHx8ICcnO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnN1YnNjcmlwdGlvbi5hZGQoXHJcbiAgICAgIHRoaXMucGFuZWxTZXJ2aWNlXHJcbiAgICAgICAgLmdldEhlYWRlclRlbXBsYXRlKClcclxuICAgICAgICAuc3Vic2NyaWJlKCh0ZW1wbGF0ZSkgPT4ge1xyXG4gICAgICAgICAgdGhpcy50ZW1wbGF0ZSA9IHRlbXBsYXRlO1xyXG4gICAgICAgIH0pXHJcbiAgICApXHJcbiAgfVxyXG5cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuc3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgW25nQ2xhc3NdPVwie2xvYWRpbmd9XCIgY2xhc3M9XCJwcm9ncmVzcy1iYXJcIj48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJmbGV4IHBiLTQgcHQtMyBweC0xMFwiPlxyXG4gIDxkaXYgY2xhc3M9XCJmbGV4IGZsZXgtY29sIGZsZXgtMSBqdXN0aWZ5LWNlbnRlclwiPlxyXG4gICAgPGRpdj5cclxuICAgICAgPGVjYWJzLWJyZWFkY3J1bWIgW2JyZWFkQ3J1bWJdPVwiaGVhZGVyPy5icmVhZENydW1iXCI+PC9lY2Ficy1icmVhZGNydW1iPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImhlYWRpbmctLWxnIHRleHQtYnJhbmQtZGFyayBmb250LW1lZGl1bVwiPlxyXG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwidGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgPGRpdiAjYmFzaWNIZWFkZXI+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuXHJcbiAgPGRpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJmbGV4IGl0ZW1zLWNlbnRlclwiPlxyXG4gICAgICA8ZWNhYnMtcHJvZmlsZSBbbmFtZV09XCJ1c2VyPy5uYW1lXCIgW3RpdGxlXT1cInVzZXI/LnRpdGxlXCI+PC9lY2Ficy1wcm9maWxlPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/lib/ecabs-header/ecabs-header.module.mjs

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { EcabsHeaderComponent } from './ecabs-header.component';
+import { EcabsBreadcrumbModule } from "../ecabs-breadcrumb/ecabs-breadcrumb.module";
+import { EcabsProfileModule } from "../ecabs-profile/ecabs-profile.module";
+import * as i0 from "@angular/core";
+export class EcabsHeaderModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: EcabsHeaderModule, declarations: [EcabsHeaderComponent], imports: [CommonModule,
+            EcabsBreadcrumbModule,
+            EcabsProfileModule], exports: [EcabsHeaderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsHeaderModule, imports: [CommonModule,
+            EcabsBreadcrumbModule,
+            EcabsProfileModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        EcabsHeaderComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        EcabsBreadcrumbModule,
+                        EcabsProfileModule
+                    ],
+                    exports: [EcabsHeaderComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWNhYnMtaGVhZGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VjYWJzLWNvbXBvbmVudHMvc3JjL2xpYi9lY2Ficy1oZWFkZXIvZWNhYnMtaGVhZGVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQztBQUM5RCxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSw2Q0FBNkMsQ0FBQztBQUNsRixPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFhekUsTUFBTSxPQUFPLGlCQUFpQjt3R0FBakIsaUJBQWlCO3lHQUFqQixpQkFBaUIsaUJBVDFCLG9CQUFvQixhQUdwQixZQUFZO1lBQ1oscUJBQXFCO1lBQ3JCLGtCQUFrQixhQUVWLG9CQUFvQjt5R0FFbkIsaUJBQWlCLFlBTjFCLFlBQVk7WUFDWixxQkFBcUI7WUFDckIsa0JBQWtCOzs0RkFJVCxpQkFBaUI7a0JBWDdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLG9CQUFvQjtxQkFDckI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1oscUJBQXFCO3dCQUNyQixrQkFBa0I7cUJBQ25CO29CQUNELE9BQU8sRUFBRSxDQUFDLG9CQUFvQixDQUFDO2lCQUNoQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHtFY2Fic0hlYWRlckNvbXBvbmVudH0gZnJvbSAnLi9lY2Ficy1oZWFkZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHtFY2Fic0JyZWFkY3J1bWJNb2R1bGV9IGZyb20gXCIuLi9lY2Ficy1icmVhZGNydW1iL2VjYWJzLWJyZWFkY3J1bWIubW9kdWxlXCI7XHJcbmltcG9ydCB7RWNhYnNQcm9maWxlTW9kdWxlfSBmcm9tIFwiLi4vZWNhYnMtcHJvZmlsZS9lY2Ficy1wcm9maWxlLm1vZHVsZVwiO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIEVjYWJzSGVhZGVyQ29tcG9uZW50LFxyXG4gIF0sXHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRWNhYnNCcmVhZGNydW1iTW9kdWxlLFxyXG4gICAgRWNhYnNQcm9maWxlTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbRWNhYnNIZWFkZXJDb21wb25lbnRdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRWNhYnNIZWFkZXJNb2R1bGUge1xyXG59XHJcbiJdfQ==