@festo-ui/angular 3.1.0 → 3.2.1-pre-20220624.2

package/esm2020/lib/components/stepper-vertical/step-vertical/step-vertical.component.mjs

@@ -0,0 +1,56 @@
+import { Component, ElementRef, Input, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+export class StepVerticalComponent {
+    constructor() {
+        this.index = 0;
+        this.title = '';
+        this.isDone = false;
+        this.isLastElement = false;
+        this._isActive = false;
+    }
+    // Note: OnChanges does not work because the input are not updated via bindings
+    set isActive(value) {
+        this._isActive = value;
+        this.updateHeight();
+    }
+    get isActive() {
+        return this._isActive;
+    }
+    updateHeight() {
+        if (this.stepContent && this.stepContentContainer) {
+            if (this.isActive) {
+                const itemHeight = this.stepContent.nativeElement.offsetHeight;
+                this.stepContentContainer.nativeElement.style.height = itemHeight + 'px';
+            }
+            else {
+                this.stepContentContainer.nativeElement.style.height = '20px';
+            }
+        }
+    }
+    ngAfterViewInit() {
+        this.updateHeight();
+    }
+}
+StepVerticalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepVerticalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepVerticalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: StepVerticalComponent, selector: "fng-step-vertical", inputs: { index: "index", title: "title", isDone: "isDone", isLastElement: "isLastElement", isActive: "isActive" }, viewQueries: [{ propertyName: "stepContent", first: true, predicate: ["stepContent"], descendants: true }, { propertyName: "stepContentContainer", first: true, predicate: ["stepContentContainer"], descendants: true }], ngImport: i0, template: "<div\n  class=\"fwe-step-container\"\n  [class.fwe-last-element]=\"isLastElement\"\n  [class.fwe-step-active]=\"isActive\"\n  [class.fwe-step-done]=\"isDone\"\n>\n  <div class=\"fwe-step\" (click)=\"onStepClickCallback(index)\">\n    <div class=\"fwe-step-no\">{{ index + 1 }}</div>\n    <div class=\"fwe-step-name\">{{ title }}</div>\n  </div>\n  <div #stepContentContainer class=\"fwe-step-content-container\">\n    <div #stepContent class=\"fwe-step-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".fwe-step-container.fwe-step-active .fwe-step-content-container{height:20px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepVerticalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-step-vertical', template: "<div\n  class=\"fwe-step-container\"\n  [class.fwe-last-element]=\"isLastElement\"\n  [class.fwe-step-active]=\"isActive\"\n  [class.fwe-step-done]=\"isDone\"\n>\n  <div class=\"fwe-step\" (click)=\"onStepClickCallback(index)\">\n    <div class=\"fwe-step-no\">{{ index + 1 }}</div>\n    <div class=\"fwe-step-name\">{{ title }}</div>\n  </div>\n  <div #stepContentContainer class=\"fwe-step-content-container\">\n    <div #stepContent class=\"fwe-step-content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: [".fwe-step-container.fwe-step-active .fwe-step-content-container{height:20px}\n"] }]
+        }], propDecorators: { stepContent: [{
+                type: ViewChild,
+                args: ['stepContent']
+            }], stepContentContainer: [{
+                type: ViewChild,
+                args: ['stepContentContainer']
+            }], index: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], isDone: [{
+                type: Input
+            }], isLastElement: [{
+                type: Input
+            }], isActive: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC12ZXJ0aWNhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXItdmVydGljYWwvc3RlcC12ZXJ0aWNhbC9zdGVwLXZlcnRpY2FsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvc3RlcHBlci12ZXJ0aWNhbC9zdGVwLXZlcnRpY2FsL3N0ZXAtdmVydGljYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT3ZGLE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFTVyxVQUFLLEdBQVcsQ0FBQyxDQUFDO1FBRWxCLFVBQUssR0FBVyxFQUFFLENBQUM7UUFFbkIsV0FBTSxHQUFZLEtBQUssQ0FBQztRQUV4QixrQkFBYSxHQUFZLEtBQUssQ0FBQztRQVV4QyxjQUFTLEdBQUcsS0FBSyxDQUFDO0tBa0JuQjtJQTFCQywrRUFBK0U7SUFDL0UsSUFBYSxRQUFRLENBQUMsS0FBYztRQUNsQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztRQUN2QixJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDdEIsQ0FBQztJQUNELElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBS0QsWUFBWTtRQUNWLElBQUksSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsb0JBQW9CLEVBQUU7WUFDakQsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO2dCQUNqQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUM7Z0JBQy9ELElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxVQUFVLEdBQUcsSUFBSSxDQUFDO2FBQzFFO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7YUFDL0Q7U0FDRjtJQUNILENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3RCLENBQUM7O2tIQXJDVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix3WUNQbEMsa2hCQWdCQTsyRkRUYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUtILFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYTtnQkFDVyxvQkFBb0I7c0JBQXRELFNBQVM7dUJBQUMsc0JBQXNCO2dCQUV4QixLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUVHLE1BQU07c0JBQWQsS0FBSztnQkFFRyxhQUFhO3NCQUFyQixLQUFLO2dCQUdPLFFBQVE7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZm5nLXN0ZXAtdmVydGljYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC12ZXJ0aWNhbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0ZXAtdmVydGljYWwuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTdGVwVmVydGljYWxDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQFZpZXdDaGlsZCgnc3RlcENvbnRlbnQnKSBzdGVwQ29udGVudD86IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoJ3N0ZXBDb250ZW50Q29udGFpbmVyJykgc3RlcENvbnRlbnRDb250YWluZXI/OiBFbGVtZW50UmVmO1xuXG4gIEBJbnB1dCgpIGluZGV4OiBudW1iZXIgPSAwO1xuXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKSBpc0RvbmU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBpc0xhc3RFbGVtZW50OiBib29sZWFuID0gZmFsc2U7XG5cbiAgLy8gTm90ZTogT25DaGFuZ2VzIGRvZXMgbm90IHdvcmsgYmVjYXVzZSB0aGUgaW5wdXQgYXJlIG5vdCB1cGRhdGVkIHZpYSBiaW5kaW5nc1xuICBASW5wdXQoKSBzZXQgaXNBY3RpdmUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9pc0FjdGl2ZSA9IHZhbHVlO1xuICAgIHRoaXMudXBkYXRlSGVpZ2h0KCk7XG4gIH1cbiAgZ2V0IGlzQWN0aXZlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9pc0FjdGl2ZTtcbiAgfVxuICBfaXNBY3RpdmUgPSBmYWxzZTtcblxuICBwdWJsaWMgb25TdGVwQ2xpY2tDYWxsYmFjazogKGk6IG51bWJlcikgPT4gdm9pZDtcblxuICB1cGRhdGVIZWlnaHQoKSB7XG4gICAgaWYgKHRoaXMuc3RlcENvbnRlbnQgJiYgdGhpcy5zdGVwQ29udGVudENvbnRhaW5lcikge1xuICAgICAgaWYgKHRoaXMuaXNBY3RpdmUpIHtcbiAgICAgICAgY29uc3QgaXRlbUhlaWdodCA9IHRoaXMuc3RlcENvbnRlbnQubmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQ7XG4gICAgICAgIHRoaXMuc3RlcENvbnRlbnRDb250YWluZXIubmF0aXZlRWxlbWVudC5zdHlsZS5oZWlnaHQgPSBpdGVtSGVpZ2h0ICsgJ3B4JztcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuc3RlcENvbnRlbnRDb250YWluZXIubmF0aXZlRWxlbWVudC5zdHlsZS5oZWlnaHQgPSAnMjBweCc7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMudXBkYXRlSGVpZ2h0KCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJmd2Utc3RlcC1jb250YWluZXJcIlxuICBbY2xhc3MuZndlLWxhc3QtZWxlbWVudF09XCJpc0xhc3RFbGVtZW50XCJcbiAgW2NsYXNzLmZ3ZS1zdGVwLWFjdGl2ZV09XCJpc0FjdGl2ZVwiXG4gIFtjbGFzcy5md2Utc3RlcC1kb25lXT1cImlzRG9uZVwiXG4+XG4gIDxkaXYgY2xhc3M9XCJmd2Utc3RlcFwiIChjbGljayk9XCJvblN0ZXBDbGlja0NhbGxiYWNrKGluZGV4KVwiPlxuICAgIDxkaXYgY2xhc3M9XCJmd2Utc3RlcC1ub1wiPnt7IGluZGV4ICsgMSB9fTwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmd2Utc3RlcC1uYW1lXCI+e3sgdGl0bGUgfX08L2Rpdj5cbiAgPC9kaXY+XG4gIDxkaXYgI3N0ZXBDb250ZW50Q29udGFpbmVyIGNsYXNzPVwiZndlLXN0ZXAtY29udGVudC1jb250YWluZXJcIj5cbiAgICA8ZGl2ICNzdGVwQ29udGVudCBjbGFzcz1cImZ3ZS1zdGVwLWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/components/stepper-vertical/stepper-vertical.component.mjs

@@ -0,0 +1,54 @@
+import { Component, ContentChildren, EventEmitter, Input, Output, QueryList } from '@angular/core';
+import { delay } from 'rxjs/operators';
+import { StepVerticalComponent } from './step-vertical/step-vertical.component';
+import * as i0 from "@angular/core";
+export class StepperVerticalComponent {
+    constructor() {
+        this.stepIndex = 0;
+        this.stepIndexChange = new EventEmitter();
+    }
+    ngOnChanges() {
+        this.updateStepComponents();
+    }
+    updateStepComponents() {
+        if (this.stepIndex > -1 && this.stepComponents?.length > this.stepIndex) {
+            this.stepComponents.forEach((s, i) => {
+                s.index = i;
+                s.isDone = i < this.stepIndex;
+                s.isActive = i == this.stepIndex;
+                s.isLastElement = i == this.stepComponents.length - 1;
+                s.onStepClickCallback = i => this.onStepClick(i);
+            });
+        }
+    }
+    ngAfterContentInit() {
+        if (!this.stepComponents) {
+            return;
+        }
+        this.stepComponents.changes.pipe(delay(0)).subscribe(() => {
+            this.updateStepComponents();
+        });
+        this.updateStepComponents();
+    }
+    onStepClick(index) {
+        if (this.stepIndex > index) {
+            this.stepIndex = index;
+            this.updateStepComponents();
+            this.stepIndexChange?.emit(index);
+        }
+    }
+}
+StepperVerticalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepperVerticalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+StepperVerticalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: StepperVerticalComponent, selector: "fng-stepper-vertical", inputs: { stepIndex: "stepIndex" }, outputs: { stepIndexChange: "stepIndexChange" }, queries: [{ propertyName: "stepComponents", predicate: StepVerticalComponent }], usesOnChanges: true, ngImport: i0, template: "<div class=\"fwe-stepper-vertical\">\n  <ng-content></ng-content>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: StepperVerticalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-stepper-vertical', template: "<div class=\"fwe-stepper-vertical\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { stepComponents: [{
+                type: ContentChildren,
+                args: [StepVerticalComponent]
+            }], stepIndex: [{
+                type: Input
+            }], stepIndexChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcHBlci12ZXJ0aWNhbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXItdmVydGljYWwvc3RlcHBlci12ZXJ0aWNhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9jb21wb25lbnRzL3N0ZXBwZXItdmVydGljYWwvc3RlcHBlci12ZXJ0aWNhbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBYSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hJLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQzs7QUFNaEYsTUFBTSxPQUFPLHdCQUF3QjtJQUpyQztRQU9XLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDckIsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBbUN4RDtJQWpDQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELG9CQUFvQjtRQUNsQixJQUFJLElBQUksQ0FBQyxTQUFTLEdBQUcsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLEdBQUcsSUFBSSxDQUFDLFNBQVMsRUFBRTtZQUN2RSxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDbkMsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7Z0JBQ1osQ0FBQyxDQUFDLE1BQU0sR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDOUIsQ0FBQyxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDakMsQ0FBQyxDQUFDLGFBQWEsR0FBRyxDQUFDLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDO2dCQUN0RCxDQUFDLENBQUMsbUJBQW1CLEdBQUcsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ25ELENBQUMsQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3hCLE9BQU87U0FDUjtRQUNELElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3hELElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBQzlCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLElBQUksSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLEVBQUU7WUFDMUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7WUFDdkIsSUFBSSxDQUFDLG9CQUFvQixFQUFFLENBQUM7WUFDNUIsSUFBSSxDQUFDLGVBQWUsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDbkM7SUFDSCxDQUFDOztxSEF0Q1Usd0JBQXdCO3lHQUF4Qix3QkFBd0IsZ0xBQ2xCLHFCQUFxQixrRENUeEMsNkVBR0E7MkZES2Esd0JBQXdCO2tCQUpwQyxTQUFTOytCQUNFLHNCQUFzQjs4QkFJUSxjQUFjO3NCQUFyRCxlQUFlO3VCQUFDLHFCQUFxQjtnQkFFN0IsU0FBUztzQkFBakIsS0FBSztnQkFDSSxlQUFlO3NCQUF4QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uQ2hhbmdlcywgT3V0cHV0LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGRlbGF5IH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgU3RlcFZlcnRpY2FsQ29tcG9uZW50IH0gZnJvbSAnLi9zdGVwLXZlcnRpY2FsL3N0ZXAtdmVydGljYWwuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZm5nLXN0ZXBwZXItdmVydGljYWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcHBlci12ZXJ0aWNhbC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgU3RlcHBlclZlcnRpY2FsQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCwgT25DaGFuZ2VzIHtcbiAgQENvbnRlbnRDaGlsZHJlbihTdGVwVmVydGljYWxDb21wb25lbnQpIHN0ZXBDb21wb25lbnRzITogUXVlcnlMaXN0PFN0ZXBWZXJ0aWNhbENvbXBvbmVudD47XG5cbiAgQElucHV0KCkgc3RlcEluZGV4OiBudW1iZXIgPSAwO1xuICBAT3V0cHV0KCkgc3RlcEluZGV4Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy51cGRhdGVTdGVwQ29tcG9uZW50cygpO1xuICB9XG5cbiAgdXBkYXRlU3RlcENvbXBvbmVudHMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc3RlcEluZGV4ID4gLTEgJiYgdGhpcy5zdGVwQ29tcG9uZW50cz8ubGVuZ3RoID4gdGhpcy5zdGVwSW5kZXgpIHtcbiAgICAgIHRoaXMuc3RlcENvbXBvbmVudHMuZm9yRWFjaCgocywgaSkgPT4ge1xuICAgICAgICBzLmluZGV4ID0gaTtcbiAgICAgICAgcy5pc0RvbmUgPSBpIDwgdGhpcy5zdGVwSW5kZXg7XG4gICAgICAgIHMuaXNBY3RpdmUgPSBpID09IHRoaXMuc3RlcEluZGV4O1xuICAgICAgICBzLmlzTGFzdEVsZW1lbnQgPSBpID09IHRoaXMuc3RlcENvbXBvbmVudHMubGVuZ3RoIC0gMTtcbiAgICAgICAgcy5vblN0ZXBDbGlja0NhbGxiYWNrID0gaSA9PiB0aGlzLm9uU3RlcENsaWNrKGkpO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5zdGVwQ29tcG9uZW50cykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLnN0ZXBDb21wb25lbnRzLmNoYW5nZXMucGlwZShkZWxheSgwKSkuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMudXBkYXRlU3RlcENvbXBvbmVudHMoKTtcbiAgICB9KTtcbiAgICB0aGlzLnVwZGF0ZVN0ZXBDb21wb25lbnRzKCk7XG4gIH1cblxuICBvblN0ZXBDbGljayhpbmRleDogbnVtYmVyKSB7XG4gICAgaWYgKHRoaXMuc3RlcEluZGV4ID4gaW5kZXgpIHtcbiAgICAgIHRoaXMuc3RlcEluZGV4ID0gaW5kZXg7XG4gICAgICB0aGlzLnVwZGF0ZVN0ZXBDb21wb25lbnRzKCk7XG4gICAgICB0aGlzLnN0ZXBJbmRleENoYW5nZT8uZW1pdChpbmRleCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZndlLXN0ZXBwZXItdmVydGljYWxcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/components/table-header-cell/table-header-cell.directive.mjs

@@ -0,0 +1,58 @@
+import { Directive, Input, Output, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TableHeaderCellDirective {
+    constructor() {
+        this.changeOrder = new EventEmitter();
+    }
+    get active() {
+        if (this.order == null) {
+            return false;
+        }
+        if (this.order.orderBy == null || this.fngTh == null) {
+            return false;
+        }
+        return this.order.orderBy === this.fngTh;
+    }
+    get orderDescending() {
+        return this.active && !this.order.ascending;
+    }
+    onChangeOrder() {
+        this.changeOrder.emit(this.fngTh);
+    }
+}
+TableHeaderCellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TableHeaderCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+TableHeaderCellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.1", type: TableHeaderCellDirective, selector: "[fngTh]", inputs: { order: "order", fngTh: "fngTh", abbr: "abbr", colspan: "colspan", headers: "headers", rowspan: "rowspan", scope: "scope" }, outputs: { changeOrder: "changeOrder" }, host: { listeners: { "click": "onChangeOrder()" }, properties: { "class.fwe-table-order": "order != null", "class.fwe-active": "active", "class.fwe-table-order-descending": "orderDescending", "attr.abbr": "abbr", "attr.colspan": "colspan", "attr.headers": "headers", "attr.rowspan": "rowspan", "attr.scope": "scope" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TableHeaderCellDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[fngTh]',
+                    host: {
+                        '[class.fwe-table-order]': 'order != null',
+                        '[class.fwe-active]': 'active',
+                        '[class.fwe-table-order-descending]': 'orderDescending',
+                        '[attr.abbr]': 'abbr',
+                        '[attr.colspan]': 'colspan',
+                        '[attr.headers]': 'headers',
+                        '[attr.rowspan]': 'rowspan',
+                        '[attr.scope]': 'scope',
+                        '(click)': 'onChangeOrder()'
+                    }
+                }]
+        }], propDecorators: { order: [{
+                type: Input
+            }], fngTh: [{
+                type: Input
+            }], changeOrder: [{
+                type: Output
+            }], abbr: [{
+                type: Input
+            }], colspan: [{
+                type: Input
+            }], headers: [{
+                type: Input
+            }], rowspan: [{
+                type: Input
+            }], scope: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtaGVhZGVyLWNlbGwuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90YWJsZS1oZWFkZXItY2VsbC90YWJsZS1oZWFkZXItY2VsbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFxQnZFLE1BQU0sT0FBTyx3QkFBd0I7SUFkckM7UUFrQlksZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0tBNEJwRDtJQW5CQyxJQUFJLE1BQU07UUFDUixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxFQUFFO1lBQ3RCLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxJQUFJLElBQUksSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksRUFBRTtZQUNwRCxPQUFPLEtBQUssQ0FBQztTQUNkO1FBRUQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sS0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFJLGVBQWU7UUFDakIsT0FBTyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUM7SUFDOUMsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQzs7cUhBL0JVLHdCQUF3Qjt5R0FBeEIsd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBZHBDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLElBQUksRUFBRTt3QkFDSix5QkFBeUIsRUFBRSxlQUFlO3dCQUMxQyxvQkFBb0IsRUFBRSxRQUFRO3dCQUM5QixvQ0FBb0MsRUFBRSxpQkFBaUI7d0JBQ3ZELGFBQWEsRUFBRSxNQUFNO3dCQUNyQixnQkFBZ0IsRUFBRSxTQUFTO3dCQUMzQixnQkFBZ0IsRUFBRSxTQUFTO3dCQUMzQixnQkFBZ0IsRUFBRSxTQUFTO3dCQUMzQixjQUFjLEVBQUUsT0FBTzt3QkFDdkIsU0FBUyxFQUFFLGlCQUFpQjtxQkFDN0I7aUJBQ0Y7OEJBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNO2dCQUdFLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRhYmxlQ29sdW1uT3JkZXIge1xuICBvcmRlckJ5Pzogc3RyaW5nO1xuICBhc2NlbmRpbmc6IGJvb2xlYW47XG59XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tmbmdUaF0nLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5md2UtdGFibGUtb3JkZXJdJzogJ29yZGVyICE9IG51bGwnLFxuICAgICdbY2xhc3MuZndlLWFjdGl2ZV0nOiAnYWN0aXZlJyxcbiAgICAnW2NsYXNzLmZ3ZS10YWJsZS1vcmRlci1kZXNjZW5kaW5nXSc6ICdvcmRlckRlc2NlbmRpbmcnLFxuICAgICdbYXR0ci5hYmJyXSc6ICdhYmJyJyxcbiAgICAnW2F0dHIuY29sc3Bhbl0nOiAnY29sc3BhbicsXG4gICAgJ1thdHRyLmhlYWRlcnNdJzogJ2hlYWRlcnMnLFxuICAgICdbYXR0ci5yb3dzcGFuXSc6ICdyb3dzcGFuJyxcbiAgICAnW2F0dHIuc2NvcGVdJzogJ3Njb3BlJyxcbiAgICAnKGNsaWNrKSc6ICdvbkNoYW5nZU9yZGVyKCknXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgVGFibGVIZWFkZXJDZWxsRGlyZWN0aXZlIHtcbiAgQElucHV0KCkgb3JkZXI6IFRhYmxlQ29sdW1uT3JkZXI7XG4gIEBJbnB1dCgpIGZuZ1RoOiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGNoYW5nZU9yZGVyID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgLyogQXR0cmlidXRlcyAqL1xuICBASW5wdXQoKSBhYmJyOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNvbHNwYW46IG51bWJlcjtcbiAgQElucHV0KCkgaGVhZGVyczogc3RyaW5nO1xuICBASW5wdXQoKSByb3dzcGFuOiBudW1iZXI7XG4gIEBJbnB1dCgpIHNjb3BlOiBzdHJpbmc7XG5cbiAgZ2V0IGFjdGl2ZSgpOiBib29sZWFuIHtcbiAgICBpZiAodGhpcy5vcmRlciA9PSBudWxsKSB7XG4gICAgICByZXR1cm4gZmFsc2U7XG4gICAgfVxuXG4gICAgaWYgKHRoaXMub3JkZXIub3JkZXJCeSA9PSBudWxsIHx8IHRoaXMuZm5nVGggPT0gbnVsbCkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIHJldHVybiB0aGlzLm9yZGVyLm9yZGVyQnkgPT09IHRoaXMuZm5nVGg7XG4gIH1cblxuICBnZXQgb3JkZXJEZXNjZW5kaW5nKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmFjdGl2ZSAmJiAhdGhpcy5vcmRlci5hc2NlbmRpbmc7XG4gIH1cblxuICBvbkNoYW5nZU9yZGVyKCkge1xuICAgIHRoaXMuY2hhbmdlT3JkZXIuZW1pdCh0aGlzLmZuZ1RoKTtcbiAgfVxufVxuIl19

package/esm2020/lib/components/tabs/tab-pane/tab-pane.component.mjs

@@ -0,0 +1,31 @@
+import { Component, Input } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class TabPaneComponent {
+    constructor() {
+        this.tabPaneId = `tab-panel-content-${++TabPaneComponent.nextId}`;
+        this.changesSubject = new Subject();
+        this.changes$ = this.changesSubject.asObservable();
+    }
+    ngOnChanges() {
+        this.changesSubject.next(true);
+    }
+}
+TabPaneComponent.nextId = 0;
+TabPaneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TabPaneComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TabPaneComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: TabPaneComponent, selector: "fng-tab-pane", inputs: { id: "id", name: "name", icon: "icon", active: "active", isVisible: "isVisible" }, usesOnChanges: true, ngImport: i0, template: "<div role=\"tabpanel\" [id]=\"tabPaneId\" [attr.aria-labelledby]=\"tabId\" [class.fng-show]=\"isVisible\" [class.fng-hide]=\"!isVisible\">\n  <ng-content></ng-content>\n</div>\n", styles: [".fng-show{display:block}.fng-hide{display:none}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: TabPaneComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fng-tab-pane', template: "<div role=\"tabpanel\" [id]=\"tabPaneId\" [attr.aria-labelledby]=\"tabId\" [class.fng-show]=\"isVisible\" [class.fng-hide]=\"!isVisible\">\n  <ng-content></ng-content>\n</div>\n", styles: [".fng-show{display:block}.fng-hide{display:none}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], isVisible: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXBhbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvY29tcG9uZW50cy90YWJzL3RhYi1wYW5lL3RhYi1wYW5lLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9zcmMvbGliL2NvbXBvbmVudHMvdGFicy90YWItcGFuZS90YWItcGFuZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQU8vQixNQUFNLE9BQU8sZ0JBQWdCO0lBTDdCO1FBY0UsY0FBUyxHQUFHLHFCQUFxQixFQUFFLGdCQUFnQixDQUFDLE1BQU0sRUFBRSxDQUFDO1FBRXJELG1CQUFjLEdBQUcsSUFBSSxPQUFPLEVBQVcsQ0FBQztRQUNoRCxhQUFRLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztLQUsvQztJQUhDLFdBQVc7UUFDVCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqQyxDQUFDOztBQWZNLHVCQUFNLEdBQUcsQ0FBQyxDQUFDOzZHQURQLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLHFLQ1I3QixtTEFHQTsyRkRLYSxnQkFBZ0I7a0JBTDVCLFNBQVM7K0JBQ0UsY0FBYzs4QkFPZixFQUFFO3NCQUFWLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdmbmctdGFiLXBhbmUnLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLXBhbmUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWItcGFuZS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFRhYlBhbmVDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBzdGF0aWMgbmV4dElkID0gMDtcbiAgLy8gQGRlcHJjYXRlZCBJbnB1dCgpIGlkIGlzIG5vdCBpbiB1c2UgYW55bW9yZSBidXQgc3RpbGwgZXhpc3RzIGZvciBiYWNrd2FyZHMgY29tcGF0aWJsaXR5XG4gIEBJbnB1dCgpIGlkOiBzdHJpbmc7XG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZztcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBhY3RpdmU6IGJvb2xlYW47XG4gIEBJbnB1dCgpIGlzVmlzaWJsZTogYm9vbGVhbjtcbiAgdGFiSWQ6IHN0cmluZztcbiAgdGFiUGFuZUlkID0gYHRhYi1wYW5lbC1jb250ZW50LSR7KytUYWJQYW5lQ29tcG9uZW50Lm5leHRJZH1gO1xuXG4gIHByaXZhdGUgY2hhbmdlc1N1YmplY3QgPSBuZXcgU3ViamVjdDxib29sZWFuPigpO1xuICBjaGFuZ2VzJCA9IHRoaXMuY2hhbmdlc1N1YmplY3QuYXNPYnNlcnZhYmxlKCk7XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5jaGFuZ2VzU3ViamVjdC5uZXh0KHRydWUpO1xuICB9XG59XG4iLCI8ZGl2IHJvbGU9XCJ0YWJwYW5lbFwiIFtpZF09XCJ0YWJQYW5lSWRcIiBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwidGFiSWRcIiBbY2xhc3MuZm5nLXNob3ddPVwiaXNWaXNpYmxlXCIgW2NsYXNzLmZuZy1oaWRlXT1cIiFpc1Zpc2libGVcIj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=