ngx-sfc-components 0.0.16 → 0.0.18

package/esm2020/lib/components/progress/line/progress-line.component.mjs

@@ -7,6 +7,7 @@ export class ProgressLineComponent extends ProgressBaseComponent {
     constructor() {
         super(...arguments);
         this.total = CommonConstants.FULL_PERCENTAGE;
+        this.labelSuffix = null;
         this.hideEnd = false;
     }
     ngOnInit() {
@@ -14,27 +15,31 @@ export class ProgressLineComponent extends ProgressBaseComponent {
             this.progress = this.total = CommonConstants.FULL_PERCENTAGE;
     }
     get label() {
-        return isNullOrEmptyString(this.labelEnd) ? `${this.progress}` : this.labelEnd;
+        const valueLabel = isNullOrEmptyString(this.labelEnd)
+            ? `${this.progress}` : this.labelEnd;
+        return isNullOrEmptyString(this.labelSuffix) ? valueLabel : `${valueLabel}${this.labelSuffix}`;
     }
     get progressStyles() {
         return {
             width: getCssLikeValue((this.progress / this.total) * CommonConstants.FULL_PERCENTAGE, UIConstants.CSS_PERCENTAGE),
-            backgroundColor: this.getColor(this.progress)
+            backgroundColor: this.getColor(this.progress, this.total)
         };
     }
 }
 ProgressLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressLineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ProgressLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ProgressLineComponent, selector: "sfc-progress-line", inputs: { total: "total", labelStart: "labelStart", labelEnd: "labelEnd", hideEnd: "hideEnd" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"labels\">\r\n        <span>{{labelStart}}</span>\r\n        <span *ngIf=\"!hideEnd\">{{label}}</span>\r\n    </div>\r\n    <div class=\"progress-bar\" [style.background]=\"background\">\r\n        <div class=\"progress\" [ngStyle]=\"progressStyles\"></div>\r\n    </div>\r\n</div>", styles: [":host{width:100%}:host .container .progress-bar{border-radius:.5em;background:#e6e9ed}:host .container .progress-bar .progress{height:.4em;border-radius:.5em;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.05));transition:.4s linear;transition-property:width,background-color}:host .container .labels{display:flex;justify-content:space-between;margin-bottom:.3em;font-weight:700;-webkit-user-select:none;user-select:none;font-size:.8em}:host .container .labels,:host-context(.sfc-default-theme)>:host .container .labels{color:#545e61}:host-context(.sfc-dark-theme)>:host .container .labels{color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+ProgressLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ProgressLineComponent, selector: "sfc-progress-line", inputs: { total: "total", labelStart: "labelStart", labelEnd: "labelEnd", labelSuffix: "labelSuffix", hideEnd: "hideEnd" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"labels\">\r\n        <span>{{labelStart}}</span>\r\n        <span *ngIf=\"!hideEnd\">{{label}}</span>\r\n    </div>\r\n    <div class=\"progress-bar\" [style.background]=\"background\">\r\n        <div class=\"progress\" [ngStyle]=\"progressStyles\"></div>\r\n    </div>\r\n</div>", styles: [":host{width:100%}:host .container .progress-bar{border-radius:.5em;background:#e6e9ed}:host .container .progress-bar .progress{height:.4em;border-radius:.5em;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.05));transition:.4s linear;transition-property:width,background-color}:host .container .labels{display:flex;justify-content:space-between;margin-bottom:.3em;font-weight:700;-webkit-user-select:none;user-select:none;font-size:.8em}:host .container .labels,:host-context(.sfc-default-theme) :host .container .labels{color:#545e61}:host-context(.sfc-dark-theme) :host .container .labels{color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressLineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-progress-line', template: "<div class=\"container\">\r\n    <div class=\"labels\">\r\n        <span>{{labelStart}}</span>\r\n        <span *ngIf=\"!hideEnd\">{{label}}</span>\r\n    </div>\r\n    <div class=\"progress-bar\" [style.background]=\"background\">\r\n        <div class=\"progress\" [ngStyle]=\"progressStyles\"></div>\r\n    </div>\r\n</div>", styles: [":host{width:100%}:host .container .progress-bar{border-radius:.5em;background:#e6e9ed}:host .container .progress-bar .progress{height:.4em;border-radius:.5em;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.05));transition:.4s linear;transition-property:width,background-color}:host .container .labels{display:flex;justify-content:space-between;margin-bottom:.3em;font-weight:700;-webkit-user-select:none;user-select:none;font-size:.8em}:host .container .labels,:host-context(.sfc-default-theme)>:host .container .labels{color:#545e61}:host-context(.sfc-dark-theme)>:host .container .labels{color:#fff}\n"] }]
+            args: [{ selector: 'sfc-progress-line', template: "<div class=\"container\">\r\n    <div class=\"labels\">\r\n        <span>{{labelStart}}</span>\r\n        <span *ngIf=\"!hideEnd\">{{label}}</span>\r\n    </div>\r\n    <div class=\"progress-bar\" [style.background]=\"background\">\r\n        <div class=\"progress\" [ngStyle]=\"progressStyles\"></div>\r\n    </div>\r\n</div>", styles: [":host{width:100%}:host .container .progress-bar{border-radius:.5em;background:#e6e9ed}:host .container .progress-bar .progress{height:.4em;border-radius:.5em;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,.05));transition:.4s linear;transition-property:width,background-color}:host .container .labels{display:flex;justify-content:space-between;margin-bottom:.3em;font-weight:700;-webkit-user-select:none;user-select:none;font-size:.8em}:host .container .labels,:host-context(.sfc-default-theme) :host .container .labels{color:#545e61}:host-context(.sfc-dark-theme) :host .container .labels{color:#fff}\n"] }]
         }], propDecorators: { total: [{
                 type: Input
             }], labelStart: [{
                 type: Input
             }], labelEnd: [{
                 type: Input
+            }], labelSuffix: [{
+                type: Input
             }], hideEnd: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzL2xpbmUvcHJvZ3Jlc3MtbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzL2xpbmUvcHJvZ3Jlc3MtbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsZUFBZSxFQUFFLGVBQWUsRUFDaEMsbUJBQW1CLEVBQUUsV0FBVyxFQUNqQyxNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFPOUQsTUFBTSxPQUFPLHFCQUNYLFNBQVEscUJBQXFCO0lBTi9COztRQVVFLFVBQUssR0FBVyxlQUFlLENBQUMsZUFBZSxDQUFDO1FBU2hELFlBQU8sR0FBWSxLQUFLLENBQUM7S0FrQjFCO0lBaEJDLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUs7WUFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxHQUFHLGVBQWUsQ0FBQyxlQUFlLENBQUM7SUFDakUsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sbUJBQW1CLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQWtCLENBQUM7SUFDM0YsQ0FBQztJQUVELElBQUksY0FBYztRQUNoQixPQUFPO1lBQ0wsS0FBSyxFQUFFLGVBQWUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLGVBQWUsQ0FBQyxlQUFlLEVBQ25GLFdBQVcsQ0FBQyxjQUFjLENBQUM7WUFDN0IsZUFBZSxFQUFFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztTQUM5QyxDQUFBO0lBQ0gsQ0FBQzs7a0hBL0JVLHFCQUFxQjtzR0FBckIscUJBQXFCLGdMQ1psQyx3VUFRTTsyRkRJTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQVM3QixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixPQUFPO3NCQUROLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtcclxuICBDb21tb25Db25zdGFudHMsIGdldENzc0xpa2VWYWx1ZSxcclxuICBpc051bGxPckVtcHR5U3RyaW5nLCBVSUNvbnN0YW50c1xyXG59IGZyb20gJ25neC1zZmMtY29tbW9uJztcclxuaW1wb3J0IHsgUHJvZ3Jlc3NCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vcHJvZ3Jlc3MuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLXByb2dyZXNzLWxpbmUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9ncmVzcy1saW5lLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wcm9ncmVzcy1saW5lLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFByb2dyZXNzTGluZUNvbXBvbmVudFxyXG4gIGV4dGVuZHMgUHJvZ3Jlc3NCYXNlQ29tcG9uZW50XHJcbiAgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHRvdGFsOiBudW1iZXIgPSBDb21tb25Db25zdGFudHMuRlVMTF9QRVJDRU5UQUdFO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGxhYmVsU3RhcnQ/OiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbGFiZWxFbmQ/OiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgaGlkZUVuZDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLnByb2dyZXNzID4gdGhpcy50b3RhbClcclxuICAgICAgdGhpcy5wcm9ncmVzcyA9IHRoaXMudG90YWwgPSBDb21tb25Db25zdGFudHMuRlVMTF9QRVJDRU5UQUdFO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGxhYmVsKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gaXNOdWxsT3JFbXB0eVN0cmluZyh0aGlzLmxhYmVsRW5kKSA/IGAke3RoaXMucHJvZ3Jlc3N9YCA6IHRoaXMubGFiZWxFbmQgYXMgc3RyaW5nO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHByb2dyZXNzU3R5bGVzKCkge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgd2lkdGg6IGdldENzc0xpa2VWYWx1ZSgodGhpcy5wcm9ncmVzcyAvIHRoaXMudG90YWwpICogQ29tbW9uQ29uc3RhbnRzLkZVTExfUEVSQ0VOVEFHRSxcclxuICAgICAgICBVSUNvbnN0YW50cy5DU1NfUEVSQ0VOVEFHRSksXHJcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhpcy5nZXRDb2xvcih0aGlzLnByb2dyZXNzKVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGFiZWxzXCI+XHJcbiAgICAgICAgPHNwYW4+e3tsYWJlbFN0YXJ0fX08L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhaGlkZUVuZFwiPnt7bGFiZWx9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInByb2dyZXNzLWJhclwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImJhY2tncm91bmRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3NcIiBbbmdTdHlsZV09XCJwcm9ncmVzc1N0eWxlc1wiPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MtbGluZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzL2xpbmUvcHJvZ3Jlc3MtbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzL2xpbmUvcHJvZ3Jlc3MtbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQ0wsZUFBZSxFQUFFLGVBQWUsRUFDaEMsbUJBQW1CLEVBQUUsV0FBVyxFQUNqQyxNQUFNLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFPOUQsTUFBTSxPQUFPLHFCQUNYLFNBQVEscUJBQXFCO0lBTi9COztRQVVFLFVBQUssR0FBVyxlQUFlLENBQUMsZUFBZSxDQUFDO1FBU2hELGdCQUFXLEdBQWtCLElBQUksQ0FBQztRQUdsQyxZQUFPLEdBQVksS0FBSyxDQUFDO0tBcUIxQjtJQW5CQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxLQUFLO1lBQzVCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssR0FBRyxlQUFlLENBQUMsZUFBZSxDQUFDO0lBQ2pFLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxNQUFNLFVBQVUsR0FBRyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1lBQ25ELENBQUMsQ0FBQyxHQUFHLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQWtCLENBQUM7UUFFakQsT0FBTyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsR0FBRyxVQUFVLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFBO0lBQ2hHLENBQUM7SUFFRCxJQUFJLGNBQWM7UUFDaEIsT0FBTztZQUNMLEtBQUssRUFBRSxlQUFlLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxlQUFlLENBQUMsZUFBZSxFQUNuRixXQUFXLENBQUMsY0FBYyxDQUFDO1lBQzdCLGVBQWUsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQztTQUMxRCxDQUFBO0lBQ0gsQ0FBQzs7a0hBckNVLHFCQUFxQjtzR0FBckIscUJBQXFCLDRNQ1psQyx3VUFRTTsyRkRJTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQVM3QixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBSU4sT0FBTztzQkFETixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7XHJcbiAgQ29tbW9uQ29uc3RhbnRzLCBnZXRDc3NMaWtlVmFsdWUsXHJcbiAgaXNOdWxsT3JFbXB0eVN0cmluZywgVUlDb25zdGFudHNcclxufSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IFByb2dyZXNzQmFzZUNvbXBvbmVudCB9IGZyb20gJy4uL3Byb2dyZXNzLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy1wcm9ncmVzcy1saW5lJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3MtbGluZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcHJvZ3Jlc3MtbGluZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBQcm9ncmVzc0xpbmVDb21wb25lbnRcclxuICBleHRlbmRzIFByb2dyZXNzQmFzZUNvbXBvbmVudFxyXG4gIGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQElucHV0KClcclxuICB0b3RhbDogbnVtYmVyID0gQ29tbW9uQ29uc3RhbnRzLkZVTExfUEVSQ0VOVEFHRTtcclxuXHJcbiAgQElucHV0KClcclxuICBsYWJlbFN0YXJ0Pzogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGxhYmVsRW5kPzogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGxhYmVsU3VmZml4OiBzdHJpbmcgfCBudWxsID0gbnVsbDtcclxuXHJcbiAgQElucHV0KClcclxuICBoaWRlRW5kOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMucHJvZ3Jlc3MgPiB0aGlzLnRvdGFsKVxyXG4gICAgICB0aGlzLnByb2dyZXNzID0gdGhpcy50b3RhbCA9IENvbW1vbkNvbnN0YW50cy5GVUxMX1BFUkNFTlRBR0U7XHJcbiAgfVxyXG5cclxuICBnZXQgbGFiZWwoKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IHZhbHVlTGFiZWwgPSBpc051bGxPckVtcHR5U3RyaW5nKHRoaXMubGFiZWxFbmQpXHJcbiAgICAgID8gYCR7dGhpcy5wcm9ncmVzc31gIDogdGhpcy5sYWJlbEVuZCBhcyBzdHJpbmc7XHJcblxyXG4gICAgcmV0dXJuIGlzTnVsbE9yRW1wdHlTdHJpbmcodGhpcy5sYWJlbFN1ZmZpeCkgPyB2YWx1ZUxhYmVsIDogYCR7dmFsdWVMYWJlbH0ke3RoaXMubGFiZWxTdWZmaXh9YFxyXG4gIH1cclxuXHJcbiAgZ2V0IHByb2dyZXNzU3R5bGVzKCkge1xyXG4gICAgcmV0dXJuIHtcclxuICAgICAgd2lkdGg6IGdldENzc0xpa2VWYWx1ZSgodGhpcy5wcm9ncmVzcyAvIHRoaXMudG90YWwpICogQ29tbW9uQ29uc3RhbnRzLkZVTExfUEVSQ0VOVEFHRSxcclxuICAgICAgICBVSUNvbnN0YW50cy5DU1NfUEVSQ0VOVEFHRSksXHJcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhpcy5nZXRDb2xvcih0aGlzLnByb2dyZXNzLCB0aGlzLnRvdGFsKVxyXG4gICAgfVxyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibGFiZWxzXCI+XHJcbiAgICAgICAgPHNwYW4+e3tsYWJlbFN0YXJ0fX08L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCIhaGlkZUVuZFwiPnt7bGFiZWx9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInByb2dyZXNzLWJhclwiIFtzdHlsZS5iYWNrZ3JvdW5kXT1cImJhY2tncm91bmRcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJvZ3Jlc3NcIiBbbmdTdHlsZV09XCJwcm9ncmVzc1N0eWxlc1wiPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/components/progress/progress.component.mjs

@@ -1,39 +1,10 @@
 import { Directive, Input } from "@angular/core";
-import { ProgressColor } from "./progress-color.enum";
+import { getProgressColorDefaultFunc } from "./progress.utils";
 import * as i0 from "@angular/core";
 export class ProgressBaseComponent {
     constructor() {
         this.progress = 0;
-        this.getColor = this.getDefaultColor;
-    }
-    getDefaultColor(value) {
-        if (value < 12) {
-            return ProgressColor.MIN_LOW;
-        }
-        else if (value >= 12 && value < 24) {
-            return ProgressColor.LOW;
-        }
-        else if (value >= 24 && value < 36) {
-            return ProgressColor.MAX_LOW;
-        }
-        else if (value >= 36 && value < 48) {
-            return ProgressColor.MIN_MEDIUM;
-        }
-        else if (value >= 48 && value < 60) {
-            return ProgressColor.MEDIUM;
-        }
-        else if (value >= 60 && value < 72) {
-            return ProgressColor.MAX_MEDIUM;
-        }
-        else if (value >= 72 && value < 84) {
-            return ProgressColor.MIN_HIGH;
-        }
-        else if (value >= 84 && value < 96) {
-            return ProgressColor.HIGH;
-        }
-        else {
-            return ProgressColor.MAX_HIGH;
-        }
+        this.getColor = getProgressColorDefaultFunc;
     }
 }
 ProgressBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -47,4 +18,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
             }], getColor: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9wcm9ncmVzcy9wcm9ncmVzcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDOztBQUd0RCxNQUFNLE9BQWdCLHFCQUFxQjtJQUQzQztRQUlJLGFBQVEsR0FBVyxDQUFDLENBQUM7UUFNckIsYUFBUSxHQUE4QixJQUFJLENBQUMsZUFBZSxDQUFDO0tBdUI5RDtJQXJCRyxlQUFlLENBQUMsS0FBYTtRQUN6QixJQUFJLEtBQUssR0FBRyxFQUFFLEVBQUU7WUFDWixPQUFPLGFBQWEsQ0FBQyxPQUFPLENBQUM7U0FDaEM7YUFBTSxJQUFJLEtBQUssSUFBSSxFQUFFLElBQUksS0FBSyxHQUFHLEVBQUUsRUFBRTtZQUNsQyxPQUFPLGFBQWEsQ0FBQyxHQUFHLENBQUM7U0FDNUI7YUFBTSxJQUFJLEtBQUssSUFBSSxFQUFFLElBQUksS0FBSyxHQUFHLEVBQUUsRUFBRTtZQUNsQyxPQUFPLGFBQWEsQ0FBQyxPQUFPLENBQUM7U0FDaEM7YUFBTSxJQUFJLEtBQUssSUFBSSxFQUFFLElBQUksS0FBSyxHQUFHLEVBQUUsRUFBRTtZQUNsQyxPQUFPLGFBQWEsQ0FBQyxVQUFVLENBQUM7U0FDbkM7YUFBTSxJQUFJLEtBQUssSUFBSSxFQUFFLElBQUksS0FBSyxHQUFHLEVBQUUsRUFBRTtZQUNsQyxPQUFPLGFBQWEsQ0FBQyxNQUFNLENBQUM7U0FDL0I7YUFBTSxJQUFJLEtBQUssSUFBSSxFQUFFLElBQUksS0FBSyxHQUFHLEVBQUUsRUFBRTtZQUNsQyxPQUFPLGFBQWEsQ0FBQyxVQUFVLENBQUM7U0FDbkM7YUFBTSxJQUFJLEtBQUssSUFBSSxFQUFFLElBQUksS0FBSyxHQUFHLEVBQUUsRUFBRTtZQUNsQyxPQUFPLGFBQWEsQ0FBQyxRQUFRLENBQUM7U0FDakM7YUFBTSxJQUFJLEtBQUssSUFBSSxFQUFFLElBQUksS0FBSyxHQUFHLEVBQUUsRUFBRTtZQUNsQyxPQUFPLGFBQWEsQ0FBQyxJQUFJLENBQUM7U0FDN0I7YUFBTTtZQUNILE9BQU8sYUFBYSxDQUFDLFFBQVEsQ0FBQztTQUNqQztJQUNMLENBQUM7O2tIQS9CaUIscUJBQXFCO3NHQUFyQixxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFEMUMsU0FBUzs4QkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0NvbG9yIH0gZnJvbSBcIi4vcHJvZ3Jlc3MtY29sb3IuZW51bVwiO1xyXG5cclxuQERpcmVjdGl2ZSgpXHJcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBQcm9ncmVzc0Jhc2VDb21wb25lbnQge1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwcm9ncmVzczogbnVtYmVyID0gMDtcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgYmFja2dyb3VuZD86IHN0cmluZztcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgZ2V0Q29sb3I6ICh2YWx1ZTogbnVtYmVyKSA9PiBzdHJpbmcgPSB0aGlzLmdldERlZmF1bHRDb2xvcjtcclxuXHJcbiAgICBnZXREZWZhdWx0Q29sb3IodmFsdWU6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgICAgICAgaWYgKHZhbHVlIDwgMTIpIHtcclxuICAgICAgICAgICAgcmV0dXJuIFByb2dyZXNzQ29sb3IuTUlOX0xPVztcclxuICAgICAgICB9IGVsc2UgaWYgKHZhbHVlID49IDEyICYmIHZhbHVlIDwgMjQpIHtcclxuICAgICAgICAgICAgcmV0dXJuIFByb2dyZXNzQ29sb3IuTE9XO1xyXG4gICAgICAgIH0gZWxzZSBpZiAodmFsdWUgPj0gMjQgJiYgdmFsdWUgPCAzNikge1xyXG4gICAgICAgICAgICByZXR1cm4gUHJvZ3Jlc3NDb2xvci5NQVhfTE9XO1xyXG4gICAgICAgIH0gZWxzZSBpZiAodmFsdWUgPj0gMzYgJiYgdmFsdWUgPCA0OCkge1xyXG4gICAgICAgICAgICByZXR1cm4gUHJvZ3Jlc3NDb2xvci5NSU5fTUVESVVNO1xyXG4gICAgICAgIH0gZWxzZSBpZiAodmFsdWUgPj0gNDggJiYgdmFsdWUgPCA2MCkge1xyXG4gICAgICAgICAgICByZXR1cm4gUHJvZ3Jlc3NDb2xvci5NRURJVU07XHJcbiAgICAgICAgfSBlbHNlIGlmICh2YWx1ZSA+PSA2MCAmJiB2YWx1ZSA8IDcyKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBQcm9ncmVzc0NvbG9yLk1BWF9NRURJVU07XHJcbiAgICAgICAgfSBlbHNlIGlmICh2YWx1ZSA+PSA3MiAmJiB2YWx1ZSA8IDg0KSB7XHJcbiAgICAgICAgICAgIHJldHVybiBQcm9ncmVzc0NvbG9yLk1JTl9ISUdIO1xyXG4gICAgICAgIH0gZWxzZSBpZiAodmFsdWUgPj0gODQgJiYgdmFsdWUgPCA5Nikge1xyXG4gICAgICAgICAgICByZXR1cm4gUHJvZ3Jlc3NDb2xvci5ISUdIO1xyXG4gICAgICAgIH0gZWxzZSB7XHJcbiAgICAgICAgICAgIHJldHVybiBQcm9ncmVzc0NvbG9yLk1BWF9ISUdIO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufSJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9wcm9ncmVzcy9wcm9ncmVzcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBRy9ELE1BQU0sT0FBZ0IscUJBQXFCO0lBRDNDO1FBSUksYUFBUSxHQUFXLENBQUMsQ0FBQztRQU1yQixhQUFRLEdBQThDLDJCQUEyQixDQUFDO0tBQ3JGOztrSEFWcUIscUJBQXFCO3NHQUFyQixxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFEMUMsU0FBUzs4QkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLFFBQVE7c0JBRFAsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBnZXRQcm9ncmVzc0NvbG9yRGVmYXVsdEZ1bmMgfSBmcm9tIFwiLi9wcm9ncmVzcy51dGlsc1wiO1xyXG5cclxuQERpcmVjdGl2ZSgpXHJcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBQcm9ncmVzc0Jhc2VDb21wb25lbnQge1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwcm9ncmVzczogbnVtYmVyID0gMDtcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgYmFja2dyb3VuZD86IHN0cmluZztcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgZ2V0Q29sb3I6ICh2YWx1ZTogbnVtYmVyLCB0b3RhbD86IG51bWJlcikgPT4gc3RyaW5nID0gZ2V0UHJvZ3Jlc3NDb2xvckRlZmF1bHRGdW5jO1xyXG59Il19

package/esm2020/lib/components/progress/progress.utils.mjs

@@ -0,0 +1,62 @@
+import { CommonConstants } from "ngx-sfc-common";
+import { ProgressColor } from "./progress-color.enum";
+export function getProgressColorDefaultFunc(value) {
+    if (value < 12) {
+        return ProgressColor.MIN_LOW;
+    }
+    else if (value >= 12 && value < 24) {
+        return ProgressColor.LOW;
+    }
+    else if (value >= 24 && value < 36) {
+        return ProgressColor.MAX_LOW;
+    }
+    else if (value >= 36 && value < 48) {
+        return ProgressColor.MIN_MEDIUM;
+    }
+    else if (value >= 48 && value < 60) {
+        return ProgressColor.MEDIUM;
+    }
+    else if (value >= 60 && value < 72) {
+        return ProgressColor.MAX_MEDIUM;
+    }
+    else if (value >= 72 && value < 84) {
+        return ProgressColor.MIN_HIGH;
+    }
+    else if (value >= 84 && value < 96) {
+        return ProgressColor.HIGH;
+    }
+    else {
+        return ProgressColor.MAX_HIGH;
+    }
+}
+export function getProgressColorDynamicallyFunc(value, total) {
+    const colorsCount = Object.keys(ProgressColor).length, part = Math.ceil((total || CommonConstants.FULL_PERCENTAGE) / colorsCount);
+    if (value < part) {
+        return ProgressColor.MIN_LOW;
+    }
+    else if (value >= part && value < part * 2) {
+        return ProgressColor.LOW;
+    }
+    else if (value >= part * 2 && value < part * 3) {
+        return ProgressColor.MAX_LOW;
+    }
+    else if (value >= part * 3 && value < part * 4) {
+        return ProgressColor.MIN_MEDIUM;
+    }
+    else if (value >= part * 4 && value < part * 5) {
+        return ProgressColor.MEDIUM;
+    }
+    else if (value >= part * 5 && value < part * 6) {
+        return ProgressColor.MAX_MEDIUM;
+    }
+    else if (value >= part * 6 && value < part * 7) {
+        return ProgressColor.MIN_HIGH;
+    }
+    else if (value >= part * 7 && value < part * 8) {
+        return ProgressColor.HIGH;
+    }
+    else {
+        return ProgressColor.MAX_HIGH;
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3MudXRpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzL3Byb2dyZXNzLnV0aWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFdEQsTUFBTSxVQUFVLDJCQUEyQixDQUFDLEtBQWE7SUFDckQsSUFBSSxLQUFLLEdBQUcsRUFBRSxFQUFFO1FBQ1osT0FBTyxhQUFhLENBQUMsT0FBTyxDQUFDO0tBQ2hDO1NBQU0sSUFBSSxLQUFLLElBQUksRUFBRSxJQUFJLEtBQUssR0FBRyxFQUFFLEVBQUU7UUFDbEMsT0FBTyxhQUFhLENBQUMsR0FBRyxDQUFDO0tBQzVCO1NBQU0sSUFBSSxLQUFLLElBQUksRUFBRSxJQUFJLEtBQUssR0FBRyxFQUFFLEVBQUU7UUFDbEMsT0FBTyxhQUFhLENBQUMsT0FBTyxDQUFDO0tBQ2hDO1NBQU0sSUFBSSxLQUFLLElBQUksRUFBRSxJQUFJLEtBQUssR0FBRyxFQUFFLEVBQUU7UUFDbEMsT0FBTyxhQUFhLENBQUMsVUFBVSxDQUFDO0tBQ25DO1NBQU0sSUFBSSxLQUFLLElBQUksRUFBRSxJQUFJLEtBQUssR0FBRyxFQUFFLEVBQUU7UUFDbEMsT0FBTyxhQUFhLENBQUMsTUFBTSxDQUFDO0tBQy9CO1NBQU0sSUFBSSxLQUFLLElBQUksRUFBRSxJQUFJLEtBQUssR0FBRyxFQUFFLEVBQUU7UUFDbEMsT0FBTyxhQUFhLENBQUMsVUFBVSxDQUFDO0tBQ25DO1NBQU0sSUFBSSxLQUFLLElBQUksRUFBRSxJQUFJLEtBQUssR0FBRyxFQUFFLEVBQUU7UUFDbEMsT0FBTyxhQUFhLENBQUMsUUFBUSxDQUFDO0tBQ2pDO1NBQU0sSUFBSSxLQUFLLElBQUksRUFBRSxJQUFJLEtBQUssR0FBRyxFQUFFLEVBQUU7UUFDbEMsT0FBTyxhQUFhLENBQUMsSUFBSSxDQUFDO0tBQzdCO1NBQU07UUFDSCxPQUFPLGFBQWEsQ0FBQyxRQUFRLENBQUM7S0FDakM7QUFDTCxDQUFDO0FBRUQsTUFBTSxVQUFVLCtCQUErQixDQUFDLEtBQWEsRUFBRSxLQUFjO0lBQ3pFLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsTUFBTSxFQUNqRCxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssSUFBSSxlQUFlLENBQUMsZUFBZSxDQUFDLEdBQUcsV0FBVyxDQUFDLENBQUM7SUFFL0UsSUFBSSxLQUFLLEdBQUcsSUFBSSxFQUFFO1FBQ2QsT0FBTyxhQUFhLENBQUMsT0FBTyxDQUFDO0tBQ2hDO1NBQU0sSUFBSSxLQUFLLElBQUksSUFBSSxJQUFJLEtBQUssR0FBRyxJQUFJLEdBQUcsQ0FBQyxFQUFFO1FBQzFDLE9BQU8sYUFBYSxDQUFDLEdBQUcsQ0FBQztLQUM1QjtTQUFNLElBQUksS0FBSyxJQUFJLElBQUksR0FBRyxDQUFDLElBQUksS0FBSyxHQUFHLElBQUksR0FBRyxDQUFDLEVBQUU7UUFDOUMsT0FBTyxhQUFhLENBQUMsT0FBTyxDQUFDO0tBQ2hDO1NBQU0sSUFBSSxLQUFLLElBQUksSUFBSSxHQUFHLENBQUMsSUFBSSxLQUFLLEdBQUcsSUFBSSxHQUFHLENBQUMsRUFBRTtRQUM5QyxPQUFPLGFBQWEsQ0FBQyxVQUFVLENBQUM7S0FDbkM7U0FBTSxJQUFJLEtBQUssSUFBSSxJQUFJLEdBQUcsQ0FBQyxJQUFJLEtBQUssR0FBRyxJQUFJLEdBQUcsQ0FBQyxFQUFFO1FBQzlDLE9BQU8sYUFBYSxDQUFDLE1BQU0sQ0FBQztLQUMvQjtTQUFNLElBQUksS0FBSyxJQUFJLElBQUksR0FBRyxDQUFDLElBQUksS0FBSyxHQUFHLElBQUksR0FBRyxDQUFDLEVBQUU7UUFDOUMsT0FBTyxhQUFhLENBQUMsVUFBVSxDQUFDO0tBQ25DO1NBQU0sSUFBSSxLQUFLLElBQUksSUFBSSxHQUFHLENBQUMsSUFBSSxLQUFLLEdBQUcsSUFBSSxHQUFHLENBQUMsRUFBRTtRQUM5QyxPQUFPLGFBQWEsQ0FBQyxRQUFRLENBQUM7S0FDakM7U0FBTSxJQUFJLEtBQUssSUFBSSxJQUFJLEdBQUcsQ0FBQyxJQUFJLEtBQUssR0FBRyxJQUFJLEdBQUcsQ0FBQyxFQUFFO1FBQzlDLE9BQU8sYUFBYSxDQUFDLElBQUksQ0FBQztLQUM3QjtTQUFNO1FBQ0gsT0FBTyxhQUFhLENBQUMsUUFBUSxDQUFDO0tBQ2pDO0FBQ0wsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbkNvbnN0YW50cyB9IGZyb20gXCJuZ3gtc2ZjLWNvbW1vblwiO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0NvbG9yIH0gZnJvbSBcIi4vcHJvZ3Jlc3MtY29sb3IuZW51bVwiO1xyXG5cclxuZXhwb3J0IGZ1bmN0aW9uIGdldFByb2dyZXNzQ29sb3JEZWZhdWx0RnVuYyh2YWx1ZTogbnVtYmVyKTogc3RyaW5nIHtcclxuICAgIGlmICh2YWx1ZSA8IDEyKSB7XHJcbiAgICAgICAgcmV0dXJuIFByb2dyZXNzQ29sb3IuTUlOX0xPVztcclxuICAgIH0gZWxzZSBpZiAodmFsdWUgPj0gMTIgJiYgdmFsdWUgPCAyNCkge1xyXG4gICAgICAgIHJldHVybiBQcm9ncmVzc0NvbG9yLkxPVztcclxuICAgIH0gZWxzZSBpZiAodmFsdWUgPj0gMjQgJiYgdmFsdWUgPCAzNikge1xyXG4gICAgICAgIHJldHVybiBQcm9ncmVzc0NvbG9yLk1BWF9MT1c7XHJcbiAgICB9IGVsc2UgaWYgKHZhbHVlID49IDM2ICYmIHZhbHVlIDwgNDgpIHtcclxuICAgICAgICByZXR1cm4gUHJvZ3Jlc3NDb2xvci5NSU5fTUVESVVNO1xyXG4gICAgfSBlbHNlIGlmICh2YWx1ZSA+PSA0OCAmJiB2YWx1ZSA8IDYwKSB7XHJcbiAgICAgICAgcmV0dXJuIFByb2dyZXNzQ29sb3IuTUVESVVNO1xyXG4gICAgfSBlbHNlIGlmICh2YWx1ZSA+PSA2MCAmJiB2YWx1ZSA8IDcyKSB7XHJcbiAgICAgICAgcmV0dXJuIFByb2dyZXNzQ29sb3IuTUFYX01FRElVTTtcclxuICAgIH0gZWxzZSBpZiAodmFsdWUgPj0gNzIgJiYgdmFsdWUgPCA4NCkge1xyXG4gICAgICAgIHJldHVybiBQcm9ncmVzc0NvbG9yLk1JTl9ISUdIO1xyXG4gICAgfSBlbHNlIGlmICh2YWx1ZSA+PSA4NCAmJiB2YWx1ZSA8IDk2KSB7XHJcbiAgICAgICAgcmV0dXJuIFByb2dyZXNzQ29sb3IuSElHSDtcclxuICAgIH0gZWxzZSB7XHJcbiAgICAgICAgcmV0dXJuIFByb2dyZXNzQ29sb3IuTUFYX0hJR0g7XHJcbiAgICB9XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRQcm9ncmVzc0NvbG9yRHluYW1pY2FsbHlGdW5jKHZhbHVlOiBudW1iZXIsIHRvdGFsPzogbnVtYmVyKTogc3RyaW5nIHtcclxuICAgIGNvbnN0IGNvbG9yc0NvdW50ID0gT2JqZWN0LmtleXMoUHJvZ3Jlc3NDb2xvcikubGVuZ3RoLFxyXG4gICAgICAgIHBhcnQgPSBNYXRoLmNlaWwoKHRvdGFsIHx8IENvbW1vbkNvbnN0YW50cy5GVUxMX1BFUkNFTlRBR0UpIC8gY29sb3JzQ291bnQpO1xyXG5cclxuICAgIGlmICh2YWx1ZSA8IHBhcnQpIHtcclxuICAgICAgICByZXR1cm4gUHJvZ3Jlc3NDb2xvci5NSU5fTE9XO1xyXG4gICAgfSBlbHNlIGlmICh2YWx1ZSA+PSBwYXJ0ICYmIHZhbHVlIDwgcGFydCAqIDIpIHtcclxuICAgICAgICByZXR1cm4gUHJvZ3Jlc3NDb2xvci5MT1c7XHJcbiAgICB9IGVsc2UgaWYgKHZhbHVlID49IHBhcnQgKiAyICYmIHZhbHVlIDwgcGFydCAqIDMpIHtcclxuICAgICAgICByZXR1cm4gUHJvZ3Jlc3NDb2xvci5NQVhfTE9XO1xyXG4gICAgfSBlbHNlIGlmICh2YWx1ZSA+PSBwYXJ0ICogMyAmJiB2YWx1ZSA8IHBhcnQgKiA0KSB7XHJcbiAgICAgICAgcmV0dXJuIFByb2dyZXNzQ29sb3IuTUlOX01FRElVTTtcclxuICAgIH0gZWxzZSBpZiAodmFsdWUgPj0gcGFydCAqIDQgJiYgdmFsdWUgPCBwYXJ0ICogNSkge1xyXG4gICAgICAgIHJldHVybiBQcm9ncmVzc0NvbG9yLk1FRElVTTtcclxuICAgIH0gZWxzZSBpZiAodmFsdWUgPj0gcGFydCAqIDUgJiYgdmFsdWUgPCBwYXJ0ICogNikge1xyXG4gICAgICAgIHJldHVybiBQcm9ncmVzc0NvbG9yLk1BWF9NRURJVU07XHJcbiAgICB9IGVsc2UgaWYgKHZhbHVlID49IHBhcnQgKiA2ICYmIHZhbHVlIDwgcGFydCAqIDcpIHtcclxuICAgICAgICByZXR1cm4gUHJvZ3Jlc3NDb2xvci5NSU5fSElHSDtcclxuICAgIH0gZWxzZSBpZiAodmFsdWUgPj0gcGFydCAqIDcgJiYgdmFsdWUgPCBwYXJ0ICogOCkge1xyXG4gICAgICAgIHJldHVybiBQcm9ncmVzc0NvbG9yLkhJR0g7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICAgIHJldHVybiBQcm9ncmVzc0NvbG9yLk1BWF9ISUdIO1xyXG4gICAgfVxyXG59Il19

package/esm2020/lib/components/progress/semi-circle/progress-semi-circle.component.mjs

@@ -19,7 +19,7 @@ export class ProgressSemiCircleComponent extends ProgressBaseComponent {
             this.progress = this.max;
     }
     get barStyles() {
-        const color = this.getColor(this.progress), differenceLimits = this.max - this.min, rotateValue = 45 + (180 - ((this.max - this.progress) * 180 / differenceLimits));
+        const color = this.getColor(this.progress, this.max), differenceLimits = this.max - this.min, rotateValue = 45 + (180 - ((this.max - this.progress) * 180 / differenceLimits));
         return {
             transform: `rotate(${getCssLikeValue(rotateValue, UIConstants.CSS_DEGREES)})`,
             borderBottomColor: color,
@@ -28,10 +28,10 @@ export class ProgressSemiCircleComponent extends ProgressBaseComponent {
     }
 }
 ProgressSemiCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressSemiCircleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-ProgressSemiCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ProgressSemiCircleComponent, selector: "sfc-progress-semi-circle", inputs: { limits: "limits", min: "min", max: "max" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"progress-bar\">\r\n        <div class=\"bar\" [style.border-color]=\"background\" [ngStyle]=\"barStyles\"></div>\r\n    </div>\r\n    <span class=\"value\">{{progress}}</span>\r\n    <div class=\"limits\" *ngIf=\"limits\">\r\n        <span>{{min}}</span>\r\n        <span>{{max}}</span>\r\n    </div>\r\n</div>", styles: [":host .container{position:relative;width:1em;height:.5em;font-size:5em}:host .container,:host-context(.sfc-default-theme)>:host .container{color:#545e61}:host-context(.sfc-dark-theme)>:host .container{color:#fff}:host .container .progress-bar{position:relative;overflow:hidden;height:inherit}:host .container .progress-bar .bar{width:1em;height:1em;border-radius:50%;box-sizing:border-box;border:.1em solid;border-color:#e6e9ed;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .value{font-weight:700;font-size:.2em;-webkit-user-select:none;user-select:none;position:absolute;z-index:1;top:50%;width:5em;text-align:center;white-space:nowrap;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .limits{font-size:.06em;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-top:3px}:host .container:hover .progress-bar .bar{border-width:.08em}:host .container:hover .value{font-size:.3em;width:3.33em;top:30%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+ProgressSemiCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ProgressSemiCircleComponent, selector: "sfc-progress-semi-circle", inputs: { limits: "limits", min: "min", max: "max" }, usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"progress-bar\">\r\n        <div class=\"bar\" [style.border-color]=\"background\" [ngStyle]=\"barStyles\"></div>\r\n    </div>\r\n    <span class=\"value\">{{progress}}</span>\r\n    <div class=\"limits\" *ngIf=\"limits\">\r\n        <span>{{min}}</span>\r\n        <span>{{max}}</span>\r\n    </div>\r\n</div>", styles: [":host .container{position:relative;width:1em;height:.5em;font-size:5em}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container .progress-bar{position:relative;overflow:hidden;height:inherit}:host .container .progress-bar .bar{width:1em;height:1em;border-radius:50%;box-sizing:border-box;border:.1em solid;border-color:#e6e9ed;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .value{font-weight:700;font-size:.2em;-webkit-user-select:none;user-select:none;position:absolute;z-index:1;top:50%;width:5em;text-align:center;white-space:nowrap;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .limits{font-size:.06em;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-top:3px}:host .container:hover .progress-bar .bar{border-width:.08em}:host .container:hover .value{font-size:.3em;width:3.33em;top:30%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ProgressSemiCircleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-progress-semi-circle', template: "<div class=\"container\">\r\n    <div class=\"progress-bar\">\r\n        <div class=\"bar\" [style.border-color]=\"background\" [ngStyle]=\"barStyles\"></div>\r\n    </div>\r\n    <span class=\"value\">{{progress}}</span>\r\n    <div class=\"limits\" *ngIf=\"limits\">\r\n        <span>{{min}}</span>\r\n        <span>{{max}}</span>\r\n    </div>\r\n</div>", styles: [":host .container{position:relative;width:1em;height:.5em;font-size:5em}:host .container,:host-context(.sfc-default-theme)>:host .container{color:#545e61}:host-context(.sfc-dark-theme)>:host .container{color:#fff}:host .container .progress-bar{position:relative;overflow:hidden;height:inherit}:host .container .progress-bar .bar{width:1em;height:1em;border-radius:50%;box-sizing:border-box;border:.1em solid;border-color:#e6e9ed;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .value{font-weight:700;font-size:.2em;-webkit-user-select:none;user-select:none;position:absolute;z-index:1;top:50%;width:5em;text-align:center;white-space:nowrap;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .limits{font-size:.06em;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-top:3px}:host .container:hover .progress-bar .bar{border-width:.08em}:host .container:hover .value{font-size:.3em;width:3.33em;top:30%}\n"] }]
+            args: [{ selector: 'sfc-progress-semi-circle', template: "<div class=\"container\">\r\n    <div class=\"progress-bar\">\r\n        <div class=\"bar\" [style.border-color]=\"background\" [ngStyle]=\"barStyles\"></div>\r\n    </div>\r\n    <span class=\"value\">{{progress}}</span>\r\n    <div class=\"limits\" *ngIf=\"limits\">\r\n        <span>{{min}}</span>\r\n        <span>{{max}}</span>\r\n    </div>\r\n</div>", styles: [":host .container{position:relative;width:1em;height:.5em;font-size:5em}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container .progress-bar{position:relative;overflow:hidden;height:inherit}:host .container .progress-bar .bar{width:1em;height:1em;border-radius:50%;box-sizing:border-box;border:.1em solid;border-color:#e6e9ed;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .value{font-weight:700;font-size:.2em;-webkit-user-select:none;user-select:none;position:absolute;z-index:1;top:50%;width:5em;text-align:center;white-space:nowrap;transition-property:all;transition-duration:.2s;transition-timing-function:ease-out}:host .container .limits{font-size:.06em;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-top:3px}:host .container:hover .progress-bar .bar{border-width:.08em}:host .container:hover .value{font-size:.3em;width:3.33em;top:30%}\n"] }]
         }], propDecorators: { limits: [{
                 type: Input
             }], min: [{
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
             }], max: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3Mtc2VtaS1jaXJjbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9wcm9ncmVzcy9zZW1pLWNpcmNsZS9wcm9ncmVzcy1zZW1pLWNpcmNsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzL3NlbWktY2lyY2xlL3Byb2dyZXNzLXNlbWktY2lyY2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFPOUQsTUFBTSxPQUFPLDJCQUNYLFNBQVEscUJBQXFCO0lBTi9COztRQVVFLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFHdkIsUUFBRyxHQUFXLENBQUMsQ0FBQztRQUdoQixRQUFHLEdBQVcsZUFBZSxDQUFDLGVBQWUsQ0FBQztLQXdCL0M7SUF0QkMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRztZQUNyQixJQUFJLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQztRQUVmLElBQUksSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRztZQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUM7UUFFM0IsSUFBSSxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHO1lBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQ3hDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFDdEMsV0FBVyxHQUFHLEVBQUUsR0FBRyxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsR0FBRyxHQUFHLGdCQUFnQixDQUFDLENBQUMsQ0FBQztRQUVuRixPQUFPO1lBQ0wsU0FBUyxFQUFFLFVBQVUsZUFBZSxDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsV0FBVyxDQUFDLEdBQUc7WUFDN0UsaUJBQWlCLEVBQUUsS0FBSztZQUN4QixnQkFBZ0IsRUFBRSxLQUFLO1NBQ3hCLENBQUE7SUFDSCxDQUFDOzt3SEFsQ1UsMkJBQTJCOzRHQUEzQiwyQkFBMkIsNklDVHhDLHNXQVNNOzJGREFPLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSwwQkFBMEI7OEJBU3BDLE1BQU07c0JBREwsS0FBSztnQkFJTixHQUFHO3NCQURGLEtBQUs7Z0JBSU4sR0FBRztzQkFERixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbkNvbnN0YW50cywgZ2V0Q3NzTGlrZVZhbHVlLCBVSUNvbnN0YW50cyB9IGZyb20gJ25neC1zZmMtY29tbW9uJztcclxuaW1wb3J0IHsgUHJvZ3Jlc3NCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vcHJvZ3Jlc3MuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLXByb2dyZXNzLXNlbWktY2lyY2xlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcHJvZ3Jlc3Mtc2VtaS1jaXJjbGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3Byb2dyZXNzLXNlbWktY2lyY2xlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFByb2dyZXNzU2VtaUNpcmNsZUNvbXBvbmVudFxyXG4gIGV4dGVuZHMgUHJvZ3Jlc3NCYXNlQ29tcG9uZW50XHJcbiAgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGxpbWl0czogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbWluOiBudW1iZXIgPSAwO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIG1heDogbnVtYmVyID0gQ29tbW9uQ29uc3RhbnRzLkZVTExfUEVSQ0VOVEFHRTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5taW4gPiB0aGlzLm1heClcclxuICAgICAgdGhpcy5taW4gPSAwO1xyXG5cclxuICAgIGlmICh0aGlzLnByb2dyZXNzIDwgdGhpcy5taW4pXHJcbiAgICAgIHRoaXMucHJvZ3Jlc3MgPSB0aGlzLm1pbjtcclxuXHJcbiAgICBpZiAodGhpcy5wcm9ncmVzcyA+IHRoaXMubWF4KVxyXG4gICAgICB0aGlzLnByb2dyZXNzID0gdGhpcy5tYXg7XHJcbiAgfVxyXG5cclxuICBnZXQgYmFyU3R5bGVzKCkge1xyXG4gICAgY29uc3QgY29sb3IgPSB0aGlzLmdldENvbG9yKHRoaXMucHJvZ3Jlc3MpLFxyXG4gICAgICBkaWZmZXJlbmNlTGltaXRzID0gdGhpcy5tYXggLSB0aGlzLm1pbixcclxuICAgICAgcm90YXRlVmFsdWUgPSA0NSArICgxODAgLSAoKHRoaXMubWF4IC0gdGhpcy5wcm9ncmVzcykgKiAxODAgLyBkaWZmZXJlbmNlTGltaXRzKSk7XHJcblxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgdHJhbnNmb3JtOiBgcm90YXRlKCR7Z2V0Q3NzTGlrZVZhbHVlKHJvdGF0ZVZhbHVlLCBVSUNvbnN0YW50cy5DU1NfREVHUkVFUyl9KWAsXHJcbiAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiBjb2xvcixcclxuICAgICAgYm9yZGVyUmlnaHRDb2xvcjogY29sb3JcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInByb2dyZXNzLWJhclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJiYXJcIiBbc3R5bGUuYm9yZGVyLWNvbG9yXT1cImJhY2tncm91bmRcIiBbbmdTdHlsZV09XCJiYXJTdHlsZXNcIj48L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiPnt7cHJvZ3Jlc3N9fTwvc3Bhbj5cclxuICAgIDxkaXYgY2xhc3M9XCJsaW1pdHNcIiAqbmdJZj1cImxpbWl0c1wiPlxyXG4gICAgICAgIDxzcGFuPnt7bWlufX08L3NwYW4+XHJcbiAgICAgICAgPHNwYW4+e3ttYXh9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZ3Jlc3Mtc2VtaS1jaXJjbGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9wcm9ncmVzcy9zZW1pLWNpcmNsZS9wcm9ncmVzcy1zZW1pLWNpcmNsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3Byb2dyZXNzL3NlbWktY2lyY2xlL3Byb2dyZXNzLXNlbWktY2lyY2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFPOUQsTUFBTSxPQUFPLDJCQUNYLFNBQVEscUJBQXFCO0lBTi9COztRQVVFLFdBQU0sR0FBWSxJQUFJLENBQUM7UUFHdkIsUUFBRyxHQUFXLENBQUMsQ0FBQztRQUdoQixRQUFHLEdBQVcsZUFBZSxDQUFDLGVBQWUsQ0FBQztLQXdCL0M7SUF0QkMsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRztZQUNyQixJQUFJLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQztRQUVmLElBQUksSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsR0FBRztZQUMxQixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUM7UUFFM0IsSUFBSSxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxHQUFHO1lBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsRUFDbEQsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUN0QyxXQUFXLEdBQUcsRUFBRSxHQUFHLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxHQUFHLEdBQUcsZ0JBQWdCLENBQUMsQ0FBQyxDQUFDO1FBRW5GLE9BQU87WUFDTCxTQUFTLEVBQUUsVUFBVSxlQUFlLENBQUMsV0FBVyxFQUFFLFdBQVcsQ0FBQyxXQUFXLENBQUMsR0FBRztZQUM3RSxpQkFBaUIsRUFBRSxLQUFLO1lBQ3hCLGdCQUFnQixFQUFFLEtBQUs7U0FDeEIsQ0FBQTtJQUNILENBQUM7O3dIQWxDVSwyQkFBMkI7NEdBQTNCLDJCQUEyQiw2SUNUeEMsc1dBU007MkZEQU8sMkJBQTJCO2tCQUx2QyxTQUFTOytCQUNFLDBCQUEwQjs4QkFTcEMsTUFBTTtzQkFETCxLQUFLO2dCQUlOLEdBQUc7c0JBREYsS0FBSztnQkFJTixHQUFHO3NCQURGLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uQ29uc3RhbnRzLCBnZXRDc3NMaWtlVmFsdWUsIFVJQ29uc3RhbnRzIH0gZnJvbSAnbmd4LXNmYy1jb21tb24nO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0Jhc2VDb21wb25lbnQgfSBmcm9tICcuLi9wcm9ncmVzcy5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtcHJvZ3Jlc3Mtc2VtaS1jaXJjbGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9wcm9ncmVzcy1zZW1pLWNpcmNsZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vcHJvZ3Jlc3Mtc2VtaS1jaXJjbGUuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgUHJvZ3Jlc3NTZW1pQ2lyY2xlQ29tcG9uZW50XHJcbiAgZXh0ZW5kcyBQcm9ncmVzc0Jhc2VDb21wb25lbnRcclxuICBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbGltaXRzOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgQElucHV0KClcclxuICBtaW46IG51bWJlciA9IDA7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbWF4OiBudW1iZXIgPSBDb21tb25Db25zdGFudHMuRlVMTF9QRVJDRU5UQUdFO1xyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLm1pbiA+IHRoaXMubWF4KVxyXG4gICAgICB0aGlzLm1pbiA9IDA7XHJcblxyXG4gICAgaWYgKHRoaXMucHJvZ3Jlc3MgPCB0aGlzLm1pbilcclxuICAgICAgdGhpcy5wcm9ncmVzcyA9IHRoaXMubWluO1xyXG5cclxuICAgIGlmICh0aGlzLnByb2dyZXNzID4gdGhpcy5tYXgpXHJcbiAgICAgIHRoaXMucHJvZ3Jlc3MgPSB0aGlzLm1heDtcclxuICB9XHJcblxyXG4gIGdldCBiYXJTdHlsZXMoKSB7XHJcbiAgICBjb25zdCBjb2xvciA9IHRoaXMuZ2V0Q29sb3IodGhpcy5wcm9ncmVzcywgdGhpcy5tYXgpLFxyXG4gICAgICBkaWZmZXJlbmNlTGltaXRzID0gdGhpcy5tYXggLSB0aGlzLm1pbixcclxuICAgICAgcm90YXRlVmFsdWUgPSA0NSArICgxODAgLSAoKHRoaXMubWF4IC0gdGhpcy5wcm9ncmVzcykgKiAxODAgLyBkaWZmZXJlbmNlTGltaXRzKSk7XHJcblxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgdHJhbnNmb3JtOiBgcm90YXRlKCR7Z2V0Q3NzTGlrZVZhbHVlKHJvdGF0ZVZhbHVlLCBVSUNvbnN0YW50cy5DU1NfREVHUkVFUyl9KWAsXHJcbiAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiBjb2xvcixcclxuICAgICAgYm9yZGVyUmlnaHRDb2xvcjogY29sb3JcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInByb2dyZXNzLWJhclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJiYXJcIiBbc3R5bGUuYm9yZGVyLWNvbG9yXT1cImJhY2tncm91bmRcIiBbbmdTdHlsZV09XCJiYXJTdHlsZXNcIj48L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPHNwYW4gY2xhc3M9XCJ2YWx1ZVwiPnt7cHJvZ3Jlc3N9fTwvc3Bhbj5cclxuICAgIDxkaXYgY2xhc3M9XCJsaW1pdHNcIiAqbmdJZj1cImxpbWl0c1wiPlxyXG4gICAgICAgIDxzcGFuPnt7bWlufX08L3NwYW4+XHJcbiAgICAgICAgPHNwYW4+e3ttYXh9fTwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=

package/esm2020/lib/components/table/parts/columns/selectable/selectable-table-column.component.mjs

@@ -14,10 +14,10 @@ export class SelectableTableColumnComponent {
     }
 }
 SelectableTableColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SelectableTableColumnComponent, deps: [{ token: i1.TableSelectService }], target: i0.ɵɵFactoryTarget.Component });
-SelectableTableColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SelectableTableColumnComponent, selector: "sfc-selectable-table-column", inputs: { selected: "selected" }, host: { listeners: { "click": "selectAll()" }, properties: { "class.active": "this.selected" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <sfc-checkmark [active]=\"selected\"></sfc-checkmark>\r\n    <span>ALL</span>\r\n</div>", styles: [":host{display:inline-block}:host:hover{color:#ffce54}:host:hover span{color:#ffce54}:host .container{text-transform:uppercase;font-size:1em;font-weight:700;display:flex;align-items:center;justify-content:center;transition:color .3s;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container,:host-context(.sfc-default-theme)>:host .container{color:#545e61}:host-context(.sfc-dark-theme)>:host .container{color:#fff}:host .container span{padding-left:.31em}\n"], dependencies: [{ kind: "component", type: i2.CheckmarkComponent, selector: "sfc-checkmark", inputs: ["active", "disabled", "icon", "type", "showNotActive"] }] });
+SelectableTableColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: SelectableTableColumnComponent, selector: "sfc-selectable-table-column", inputs: { selected: "selected" }, host: { listeners: { "click": "selectAll()" }, properties: { "class.active": "this.selected" } }, ngImport: i0, template: "<div class=\"container\">\r\n    <sfc-checkmark [active]=\"selected\"></sfc-checkmark>\r\n    <span>ALL</span>\r\n</div>", styles: [":host{display:inline-block}:host:hover{color:#ffce54}:host:hover span{color:#ffce54}:host .container{text-transform:uppercase;font-size:1em;font-weight:700;display:flex;align-items:center;justify-content:center;transition:color .3s;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container span{padding-left:.31em}\n"], dependencies: [{ kind: "component", type: i2.CheckmarkComponent, selector: "sfc-checkmark", inputs: ["active", "disabled", "icon", "type"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: SelectableTableColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-selectable-table-column', template: "<div class=\"container\">\r\n    <sfc-checkmark [active]=\"selected\"></sfc-checkmark>\r\n    <span>ALL</span>\r\n</div>", styles: [":host{display:inline-block}:host:hover{color:#ffce54}:host:hover span{color:#ffce54}:host .container{text-transform:uppercase;font-size:1em;font-weight:700;display:flex;align-items:center;justify-content:center;transition:color .3s;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container,:host-context(.sfc-default-theme)>:host .container{color:#545e61}:host-context(.sfc-dark-theme)>:host .container{color:#fff}:host .container span{padding-left:.31em}\n"] }]
+            args: [{ selector: 'sfc-selectable-table-column', template: "<div class=\"container\">\r\n    <sfc-checkmark [active]=\"selected\"></sfc-checkmark>\r\n    <span>ALL</span>\r\n</div>", styles: [":host{display:inline-block}:host:hover{color:#ffce54}:host:hover span{color:#ffce54}:host .container{text-transform:uppercase;font-size:1em;font-weight:700;display:flex;align-items:center;justify-content:center;transition:color .3s;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container span{padding-left:.31em}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TableSelectService }]; }, propDecorators: { selected: [{
                 type: Input
             }, {

package/esm2020/lib/components/table/parts/content/cards/default/default-table-card.component.mjs

@@ -6,7 +6,7 @@ import * as i2 from "ngx-sfc-common";
 export class DefaultTableCardComponent extends BaseDefaultTableContentComponent {
 }
 DefaultTableCardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DefaultTableCardComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DefaultTableCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DefaultTableCardComponent, selector: "sfc-default-table-card", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"content-container\" *ngFor=\"let column of columns\">\r\n        <div class=\"content\">\r\n            <ng-container [ngSwitch]=\"column.type\">\r\n                <div #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n                    <sfc-checkmark [active]=\"model.dataModel.selected || false\"></sfc-checkmark>\r\n                </div>\r\n                <div *ngSwitchCase=\"TableColumnType.Sequence\">\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.sequence}}</span>\r\n                </div>\r\n                <div *ngSwitchDefault>\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.dataModel.data[column.field]}}</span>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{box-shadow:0 .625em 1.25em #00000030,0 .3753em .3753em #0000003b;transition:all .2s ease-in-out;border-radius:.75em;background-color:#f5f7fa}:host.even{background-color:#e6e9ed}:host.even:hover{background-color:#ccd1d9}:host:hover{background-color:#ccd1d9}:host.pointer{cursor:pointer}:host .container{flex-flow:column wrap;justify-content:center;width:min-content;display:flex;align-items:center}:host .container .content-container{color:#545e61;font-weight:700;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none;text-align:center;text-align:left}:host .container .content-container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.625em 1.25em}:host .container .content-container .content div{width:100%;padding:0 5em}:host .container .content-container .content .name{display:block;font-size:.625em;line-height:.625em;font-weight:700;text-transform:uppercase;color:#656d78}@media all and (max-width: 430px){:host .container{width:initial}:host .container .content-container .content div{width:initial;padding:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.CheckmarkComponent, selector: "sfc-checkmark", inputs: ["active", "disabled", "icon", "type", "showNotActive"] }] });
+DefaultTableCardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DefaultTableCardComponent, selector: "sfc-default-table-card", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <div class=\"content-container\" *ngFor=\"let column of columns\">\r\n        <div class=\"content\">\r\n            <ng-container [ngSwitch]=\"column.type\">\r\n                <div #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n                    <sfc-checkmark [active]=\"model.dataModel.selected || false\"></sfc-checkmark>\r\n                </div>\r\n                <div *ngSwitchCase=\"TableColumnType.Sequence\">\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.sequence}}</span>\r\n                </div>\r\n                <div *ngSwitchDefault>\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.dataModel.data[column.field]}}</span>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{box-shadow:0 .625em 1.25em #00000030,0 .3753em .3753em #0000003b;transition:all .2s ease-in-out;border-radius:.75em;background-color:#f5f7fa}:host.even{background-color:#e6e9ed}:host.even:hover{background-color:#ccd1d9}:host:hover{background-color:#ccd1d9}:host.pointer{cursor:pointer}:host .container{flex-flow:column wrap;justify-content:center;width:min-content;display:flex;align-items:center}:host .container .content-container{color:#545e61;font-weight:700;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none;text-align:center;text-align:left}:host .container .content-container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.625em 1.25em}:host .container .content-container .content div{width:100%;padding:0 5em}:host .container .content-container .content .name{display:block;font-size:.625em;line-height:.625em;font-weight:700;text-transform:uppercase;color:#656d78}@media all and (max-width: 430px){:host .container{width:initial}:host .container .content-container .content div{width:initial;padding:0}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.CheckmarkComponent, selector: "sfc-checkmark", inputs: ["active", "disabled", "icon", "type"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DefaultTableCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sfc-default-table-card', template: "<div class=\"container\">\r\n    <div class=\"content-container\" *ngFor=\"let column of columns\">\r\n        <div class=\"content\">\r\n            <ng-container [ngSwitch]=\"column.type\">\r\n                <div #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n                    <sfc-checkmark [active]=\"model.dataModel.selected || false\"></sfc-checkmark>\r\n                </div>\r\n                <div *ngSwitchCase=\"TableColumnType.Sequence\">\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.sequence}}</span>\r\n                </div>\r\n                <div *ngSwitchDefault>\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.dataModel.data[column.field]}}</span>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{box-shadow:0 .625em 1.25em #00000030,0 .3753em .3753em #0000003b;transition:all .2s ease-in-out;border-radius:.75em;background-color:#f5f7fa}:host.even{background-color:#e6e9ed}:host.even:hover{background-color:#ccd1d9}:host:hover{background-color:#ccd1d9}:host.pointer{cursor:pointer}:host .container{flex-flow:column wrap;justify-content:center;width:min-content;display:flex;align-items:center}:host .container .content-container{color:#545e61;font-weight:700;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none;text-align:center;text-align:left}:host .container .content-container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:.625em 1.25em}:host .container .content-container .content div{width:100%;padding:0 5em}:host .container .content-container .content .name{display:block;font-size:.625em;line-height:.625em;font-weight:700;text-transform:uppercase;color:#656d78}@media all and (max-width: 430px){:host .container{width:initial}:host .container .content-container .content div{width:initial;padding:0}}\n"] }]

package/esm2020/lib/components/table/parts/content/rows/default/default-table-row.component.mjs

@@ -20,7 +20,7 @@ export class DefaultTableRowComponent extends BaseDefaultTableContentComponent {
     }
 }
 DefaultTableRowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DefaultTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DefaultTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DefaultTableRowComponent, selector: "sfc-default-table-row", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <div [ngStyle]=\"width\" [style.text-align]=\"position\" class=\"content-container\" *ngFor=\"let column of columns\">\r\n        <div class=\"content\" [style.align-items]=\"contentPosition\">\r\n            <ng-container [ngSwitch]=\"column.type\">\r\n                <div class=\"checkmark\" #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n                    <sfc-checkmark [active]=\"model.dataModel.selected || false\"></sfc-checkmark>\r\n                </div>\r\n                <div *ngSwitchCase=\"TableColumnType.Sequence\">\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.sequence}}</span>\r\n                </div>\r\n                <div *ngSwitchDefault>\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.dataModel.data[column.field]}}</span>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{width:100%;border-radius:1.25em;box-shadow:0 .625em 1em #00000005;transition:background-color .3s,box-shadow .6s cubic-bezier(.25,1,.5,.1);background-color:#f5f7fa}:host.even{background-color:#e6e9ed}:host.even:hover{background-color:#ccd1d9}:host:hover{background-color:#ccd1d9}:host.pointer{cursor:pointer}:host .container{flex-flow:row wrap;padding:0 .31em;display:flex;align-items:center}:host .container .content-container{color:#545e61;font-weight:700;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}:host .container .content-container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.7em .5em}:host .container .content-container .content .name{display:none;font-size:.625em;line-height:.625em;font-weight:700;text-transform:uppercase;color:#656d78}@media all and (max-width: 767px){:host .container{align-items:flex-start}:host .container .content-container .content{align-items:flex-start;padding:.625em 1.25em}:host .container .content-container .content .name{display:block}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.CheckmarkComponent, selector: "sfc-checkmark", inputs: ["active", "disabled", "icon", "type", "showNotActive"] }] });
+DefaultTableRowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: DefaultTableRowComponent, selector: "sfc-default-table-row", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n    <div [ngStyle]=\"width\" [style.text-align]=\"position\" class=\"content-container\" *ngFor=\"let column of columns\">\r\n        <div class=\"content\" [style.align-items]=\"contentPosition\">\r\n            <ng-container [ngSwitch]=\"column.type\">\r\n                <div class=\"checkmark\" #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n                    <sfc-checkmark [active]=\"model.dataModel.selected || false\"></sfc-checkmark>\r\n                </div>\r\n                <div *ngSwitchCase=\"TableColumnType.Sequence\">\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.sequence}}</span>\r\n                </div>\r\n                <div *ngSwitchDefault>\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.dataModel.data[column.field]}}</span>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{width:100%;border-radius:1.25em;box-shadow:0 .625em 1em #00000005;transition:background-color .3s,box-shadow .6s cubic-bezier(.25,1,.5,.1);background-color:#f5f7fa}:host.even{background-color:#e6e9ed}:host.even:hover{background-color:#ccd1d9}:host:hover{background-color:#ccd1d9}:host.pointer{cursor:pointer}:host .container{flex-flow:row wrap;padding:0 .31em;display:flex;align-items:center}:host .container .content-container{color:#545e61;font-weight:700;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}:host .container .content-container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.7em .5em}:host .container .content-container .content .name{display:none;font-size:.625em;line-height:.625em;font-weight:700;text-transform:uppercase;color:#656d78}@media all and (max-width: 767px){:host .container{align-items:flex-start}:host .container .content-container .content{align-items:flex-start;padding:.625em 1.25em}:host .container .content-container .content .name{display:block}}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i2.CheckmarkComponent, selector: "sfc-checkmark", inputs: ["active", "disabled", "icon", "type"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: DefaultTableRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sfc-default-table-row', template: "<div class=\"container\">\r\n    <div [ngStyle]=\"width\" [style.text-align]=\"position\" class=\"content-container\" *ngFor=\"let column of columns\">\r\n        <div class=\"content\" [style.align-items]=\"contentPosition\">\r\n            <ng-container [ngSwitch]=\"column.type\">\r\n                <div class=\"checkmark\" #columnCheckmark *ngSwitchCase=\"TableColumnType.Selectable\">\r\n                    <sfc-checkmark [active]=\"model.dataModel.selected || false\"></sfc-checkmark>\r\n                </div>\r\n                <div *ngSwitchCase=\"TableColumnType.Sequence\">\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.sequence}}</span>\r\n                </div>\r\n                <div *ngSwitchDefault>\r\n                    <span class=\"name\">{{column.name}}</span>\r\n                    <span>{{model.dataModel.data[column.field]}}</span>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </div>\r\n</div>", styles: [":host{width:100%;border-radius:1.25em;box-shadow:0 .625em 1em #00000005;transition:background-color .3s,box-shadow .6s cubic-bezier(.25,1,.5,.1);background-color:#f5f7fa}:host.even{background-color:#e6e9ed}:host.even:hover{background-color:#ccd1d9}:host:hover{background-color:#ccd1d9}:host.pointer{cursor:pointer}:host .container{flex-flow:row wrap;padding:0 .31em;display:flex;align-items:center}:host .container .content-container{color:#545e61;font-weight:700;text-overflow:ellipsis;overflow:hidden;-webkit-user-select:none;user-select:none}:host .container .content-container .content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.7em .5em}:host .container .content-container .content .name{display:none;font-size:.625em;line-height:.625em;font-weight:700;text-transform:uppercase;color:#656d78}@media all and (max-width: 767px){:host .container{align-items:flex-start}:host .container .content-container .content{align-items:flex-start;padding:.625em 1.25em}:host .container .content-container .content .name{display:block}}\n"] }]

package/esm2020/lib/components/table/parts/toggle/columns-toggle.component.mjs

@@ -23,10 +23,10 @@ export class ColumnsToggleComponent {
     }
 }
 ColumnsToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ColumnsToggleComponent, deps: [{ token: i1.ColumnsToggleService }], target: i0.ɵɵFactoryTarget.Component });
-ColumnsToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ColumnsToggleComponent, selector: "sfc-columns-toggle", host: { listeners: { "click": "onToggle()" } }, ngImport: i0, template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n    <div>\r\n        <span class=\"icon\" [sfcShowHideElement]=\"!vm.show\">\r\n            <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n        </span>\r\n        <span class=\"icon\" [sfcShowHideElement]=\"vm.show\">\r\n            <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n        </span>\r\n        <span class=\"label\">{{vm.model.LABEL}}</span>\r\n    </div>\r\n</div>", styles: [":host{display:flex;align-items:center}:host .container{font-size:.625em;font-weight:700;text-transform:uppercase;width:100%;text-align:end;display:none;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container,:host-context(.sfc-default-theme)>:host .container{color:#545e61}:host-context(.sfc-dark-theme)>:host .container{color:#fff}:host .container:hover{color:#ffce54}:host .container span.icon{position:absolute}:host .container span.label{padding-left:1.3em}@media all and (max-width: 767px){:host .container{display:block}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i4.ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: ["sfcShowHideElement", "delay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
+ColumnsToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: ColumnsToggleComponent, selector: "sfc-columns-toggle", host: { listeners: { "click": "onToggle()" } }, ngImport: i0, template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n    <div>\r\n        <span class=\"icon\" [sfcShowHideElement]=\"!vm.show\">\r\n            <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n        </span>\r\n        <span class=\"icon\" [sfcShowHideElement]=\"vm.show\">\r\n            <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n        </span>\r\n        <span class=\"label\">{{vm.model.LABEL}}</span>\r\n    </div>\r\n</div>", styles: [":host{display:flex;align-items:center}:host .container{font-size:.625em;font-weight:700;text-transform:uppercase;width:100%;text-align:end;display:none;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container:hover{color:#ffce54}:host .container span.icon{position:absolute}:host .container span.label{padding-left:1.3em}@media all and (max-width: 767px){:host .container{display:block}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i4.ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: ["sfcShowHideElement", "delay"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: ColumnsToggleComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-columns-toggle', template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n    <div>\r\n        <span class=\"icon\" [sfcShowHideElement]=\"!vm.show\">\r\n            <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n        </span>\r\n        <span class=\"icon\" [sfcShowHideElement]=\"vm.show\">\r\n            <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n        </span>\r\n        <span class=\"label\">{{vm.model.LABEL}}</span>\r\n    </div>\r\n</div>", styles: [":host{display:flex;align-items:center}:host .container{font-size:.625em;font-weight:700;text-transform:uppercase;width:100%;text-align:end;display:none;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container,:host-context(.sfc-default-theme)>:host .container{color:#545e61}:host-context(.sfc-dark-theme)>:host .container{color:#fff}:host .container:hover{color:#ffce54}:host .container span.icon{position:absolute}:host .container span.label{padding-left:1.3em}@media all and (max-width: 767px){:host .container{display:block}}\n"] }]
+            args: [{ selector: 'sfc-columns-toggle', template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n    <div>\r\n        <span class=\"icon\" [sfcShowHideElement]=\"!vm.show\">\r\n            <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n        </span>\r\n        <span class=\"icon\" [sfcShowHideElement]=\"vm.show\">\r\n            <fa-icon [icon]=\"vm.model.ICON\"></fa-icon>\r\n        </span>\r\n        <span class=\"label\">{{vm.model.LABEL}}</span>\r\n    </div>\r\n</div>", styles: [":host{display:flex;align-items:center}:host .container{font-size:.625em;font-weight:700;text-transform:uppercase;width:100%;text-align:end;display:none;cursor:pointer;-webkit-user-select:none;user-select:none}:host .container,:host-context(.sfc-default-theme) :host .container{color:#545e61}:host-context(.sfc-dark-theme) :host .container{color:#fff}:host .container:hover{color:#ffce54}:host .container span.icon{position:absolute}:host .container span.label{padding-left:1.3em}@media all and (max-width: 767px){:host .container{display:block}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.ColumnsToggleService }]; }, propDecorators: { onToggle: [{
                 type: HostListener,
                 args: ['click']

package/esm2020/lib/components/tabs/models/tab.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJzL21vZGVscy90YWIubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25EZWZpbml0aW9uIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSVRhYk1vZGVsIHtcclxuICAgIGxhYmVsPzogc3RyaW5nO1xyXG4gICAgaWNvbj86IEljb25EZWZpbml0aW9uO1xyXG4gICAgc2VsZWN0ZWQ6IGJvb2xlYW47XHJcbiAgICBkaXNhYmxlZDogYm9vbGVhbjtcclxuICAgIGRhdGE6IGFueTtcclxufSJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJzL21vZGVscy90YWIubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEljb25EZWZpbml0aW9uIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgSVRhYk1vZGVsIHtcclxuICAgIGxhYmVsPzogc3RyaW5nO1xyXG4gICAgaWNvbj86IEljb25EZWZpbml0aW9uO1xyXG4gICAgc2VsZWN0ZWQ/OiBib29sZWFuO1xyXG4gICAgZGlzYWJsZWQ/OiBib29sZWFuO1xyXG4gICAgZGF0YTogYW55O1xyXG59Il19

package/esm2020/lib/components/tabs/parts/labels/tab-label-icon/tab-label-icon.component.mjs

@@ -10,9 +10,9 @@ export class TabLabelIconComponent extends TabLabelContentBase {
     }
 }
 TabLabelIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabLabelIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TabLabelIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabLabelIconComponent, selector: "sfc-tab-label-icon", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n  <fa-icon [icon]=\"tabIcon\"></fa-icon>\r\n  <span>{{label}}</span>\r\n</div>", styles: [":host{width:100%;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none;padding-bottom:1.25em;display:inline-block;transition:all .2s ease-in-out}:host,:host-context(.sfc-default-theme)>:host{color:#545e61}:host-context(.sfc-dark-theme)>:host{color:#fff}:host.selected:not(.disabled),:host:hover:not(.disabled){color:#ffce54}:host.disabled{cursor:default;pointer-events:none}:host.disabled,:host-context(.sfc-default-theme)>:host.disabled{color:#bdbdbd}:host-context(.sfc-dark-theme)>:host.disabled{color:#656d78}:host .container{display:inline-flex;align-items:center;flex-flow:column wrap;justify-content:center;text-align:center;overflow:hidden;text-overflow:ellipsis}:host .container fa-icon{height:1.2em;margin-bottom:.2em}:host .container span{font-size:.8em}@media (max-width: 430px){:host{padding-bottom:.6em}:host .container{padding:.8em;border-radius:.3em;text-overflow:initial}:host .container fa-icon{height:auto;margin-bottom:0}:host .container span{display:none}:host.selected .container,:host-context(.sfc-default-theme)>:host.selected .container{background:#e6e9ed}:host-context(.sfc-dark-theme)>:host.selected .container{background:#f5f7fa}}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+TabLabelIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabLabelIconComponent, selector: "sfc-tab-label-icon", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n  <fa-icon [icon]=\"tabIcon\"></fa-icon>\r\n  <span>{{label}}</span>\r\n</div>", styles: [":host{width:100%;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none;padding-bottom:1.25em;display:inline-block;transition:all .2s ease-in-out}:host,:host-context(.sfc-default-theme) :host{color:#545e61}:host-context(.sfc-dark-theme) :host{color:#fff}:host.selected:not(.disabled),:host:hover:not(.disabled){color:#ffce54}:host.disabled{cursor:default;pointer-events:none}:host.disabled,:host-context(.sfc-default-theme) :host.disabled{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled{color:#656d78}:host .container{display:inline-flex;align-items:center;flex-flow:column wrap;justify-content:center;text-align:center;overflow:hidden;text-overflow:ellipsis}:host .container fa-icon{height:1.2em;margin-bottom:.2em}:host .container span{font-size:.8em}@media (max-width: 430px){:host{padding-bottom:.6em}:host .container{padding:.8em;border-radius:.3em;text-overflow:initial}:host .container fa-icon{height:auto;margin-bottom:0}:host .container span{display:none}:host.selected .container,:host-context(.sfc-default-theme) :host.selected .container{background:#e6e9ed}:host-context(.sfc-dark-theme) :host.selected .container{background:#f5f7fa}}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabLabelIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-tab-label-icon', template: "<div class=\"container\">\r\n  <fa-icon [icon]=\"tabIcon\"></fa-icon>\r\n  <span>{{label}}</span>\r\n</div>", styles: [":host{width:100%;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none;padding-bottom:1.25em;display:inline-block;transition:all .2s ease-in-out}:host,:host-context(.sfc-default-theme)>:host{color:#545e61}:host-context(.sfc-dark-theme)>:host{color:#fff}:host.selected:not(.disabled),:host:hover:not(.disabled){color:#ffce54}:host.disabled{cursor:default;pointer-events:none}:host.disabled,:host-context(.sfc-default-theme)>:host.disabled{color:#bdbdbd}:host-context(.sfc-dark-theme)>:host.disabled{color:#656d78}:host .container{display:inline-flex;align-items:center;flex-flow:column wrap;justify-content:center;text-align:center;overflow:hidden;text-overflow:ellipsis}:host .container fa-icon{height:1.2em;margin-bottom:.2em}:host .container span{font-size:.8em}@media (max-width: 430px){:host{padding-bottom:.6em}:host .container{padding:.8em;border-radius:.3em;text-overflow:initial}:host .container fa-icon{height:auto;margin-bottom:0}:host .container span{display:none}:host.selected .container,:host-context(.sfc-default-theme)>:host.selected .container{background:#e6e9ed}:host-context(.sfc-dark-theme)>:host.selected .container{background:#f5f7fa}}\n"] }]
+            args: [{ selector: 'sfc-tab-label-icon', template: "<div class=\"container\">\r\n  <fa-icon [icon]=\"tabIcon\"></fa-icon>\r\n  <span>{{label}}</span>\r\n</div>", styles: [":host{width:100%;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none;padding-bottom:1.25em;display:inline-block;transition:all .2s ease-in-out}:host,:host-context(.sfc-default-theme) :host{color:#545e61}:host-context(.sfc-dark-theme) :host{color:#fff}:host.selected:not(.disabled),:host:hover:not(.disabled){color:#ffce54}:host.disabled{cursor:default;pointer-events:none}:host.disabled,:host-context(.sfc-default-theme) :host.disabled{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled{color:#656d78}:host .container{display:inline-flex;align-items:center;flex-flow:column wrap;justify-content:center;text-align:center;overflow:hidden;text-overflow:ellipsis}:host .container fa-icon{height:1.2em;margin-bottom:.2em}:host .container span{font-size:.8em}@media (max-width: 430px){:host{padding-bottom:.6em}:host .container{padding:.8em;border-radius:.3em;text-overflow:initial}:host .container fa-icon{height:auto;margin-bottom:0}:host .container span{display:none}:host.selected .container,:host-context(.sfc-default-theme) :host.selected .container{background:#e6e9ed}:host-context(.sfc-dark-theme) :host.selected .container{background:#f5f7fa}}\n"] }]
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWxhYmVsLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJzL3BhcnRzL2xhYmVscy90YWItbGFiZWwtaWNvbi90YWItbGFiZWwtaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvcGFydHMvbGFiZWxzL3RhYi1sYWJlbC1pY29uL3RhYi1sYWJlbC1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxRQUFRLEVBQWtCLE1BQU0sbUNBQW1DLENBQUM7OztBQU83RSxNQUFNLE9BQU8scUJBQ1gsU0FBUSxtQkFBbUI7SUFFM0IsSUFBSSxPQUFPO1FBQ1QsT0FBTyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBc0IsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO0lBQ3ZFLENBQUM7O2tIQUxVLHFCQUFxQjtzR0FBckIscUJBQXFCLGlGQ1ZsQyw2R0FHTTsyRkRPTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0Usb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IGlzRGVmaW5lZCB9IGZyb20gJ25neC1zZmMtY29tbW9uJztcclxuaW1wb3J0IHsgVGFiTGFiZWxDb250ZW50QmFzZSB9IGZyb20gJy4uL3RhYi1sYWJlbC1jb250ZW50LWJhc2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgZmFDaXJjbGUsIEljb25EZWZpbml0aW9uIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLXRhYi1sYWJlbC1pY29uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdGFiLWxhYmVsLWljb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RhYi1sYWJlbC1pY29uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRhYkxhYmVsSWNvbkNvbXBvbmVudFxyXG4gIGV4dGVuZHMgVGFiTGFiZWxDb250ZW50QmFzZSB7XHJcblxyXG4gIGdldCB0YWJJY29uKCk6IEljb25EZWZpbml0aW9uIHtcclxuICAgIHJldHVybiBpc0RlZmluZWQodGhpcy5pY29uKSA/IHRoaXMuaWNvbiBhcyBJY29uRGVmaW5pdGlvbiA6IGZhQ2lyY2xlO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgPGZhLWljb24gW2ljb25dPVwidGFiSWNvblwiPjwvZmEtaWNvbj5cclxuICA8c3Bhbj57e2xhYmVsfX08L3NwYW4+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/components/tabs/parts/labels/tab-label-line/tab-label-line.component.mjs

@@ -6,9 +6,9 @@ import * as i2 from "@fortawesome/angular-fontawesome";
 export class TabLabelLineComponent extends TabLabelContentBase {
 }
 TabLabelLineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabLabelLineComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-TabLabelLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabLabelLineComponent, selector: "sfc-tab-label-line", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n  <div class=\"content\">\r\n    <fa-icon *ngIf=\"icon\" [icon]=\"icon\"></fa-icon>\r\n    <span>{{label}}</span>\r\n  </div>\r\n</div>", styles: [":host{width:100%;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none}:host,:host-context(.sfc-default-theme)>:host{color:#545e61}:host-context(.sfc-dark-theme)>:host{color:#fff}:host.disabled{cursor:default;pointer-events:none}:host.disabled,:host-context(.sfc-default-theme)>:host.disabled{color:#bdbdbd}:host-context(.sfc-dark-theme)>:host.disabled{color:#656d78}:host.selected:not(.disabled),:host:hover:not(.disabled){color:#ffce54}:host .container{width:100%;display:flex;justify-content:center;align-items:center;transition:color .2s ease;border-bottom:1px solid #e6e9ed}:host .container .content{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;padding:1.25em 0}:host .container .content fa-icon{margin-right:.18em}@media (max-width: 430px){:host .container .content fa-icon{display:none}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+TabLabelLineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabLabelLineComponent, selector: "sfc-tab-label-line", usesInheritance: true, ngImport: i0, template: "<div class=\"container\">\r\n  <div class=\"content\">\r\n    <fa-icon *ngIf=\"icon\" [icon]=\"icon\"></fa-icon>\r\n    <span>{{label}}</span>\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>", styles: [":host{width:100%;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none}:host,:host-context(.sfc-default-theme) :host{color:#545e61}:host-context(.sfc-dark-theme) :host{color:#fff}:host.disabled{cursor:default;pointer-events:none}:host.disabled,:host-context(.sfc-default-theme) :host.disabled{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled{color:#656d78}:host.selected:not(.disabled),:host:hover:not(.disabled){color:#ffce54}:host .container{width:100%;display:flex;justify-content:center;align-items:center;transition:color .2s ease;border-bottom:1px solid #e6e9ed}:host .container .content{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;padding:1.25em 0}:host .container .content fa-icon{margin-right:.18em}@media (max-width: 430px){:host .container .content fa-icon{display:none}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabLabelLineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-tab-label-line', template: "<div class=\"container\">\r\n  <div class=\"content\">\r\n    <fa-icon *ngIf=\"icon\" [icon]=\"icon\"></fa-icon>\r\n    <span>{{label}}</span>\r\n  </div>\r\n</div>", styles: [":host{width:100%;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none}:host,:host-context(.sfc-default-theme)>:host{color:#545e61}:host-context(.sfc-dark-theme)>:host{color:#fff}:host.disabled{cursor:default;pointer-events:none}:host.disabled,:host-context(.sfc-default-theme)>:host.disabled{color:#bdbdbd}:host-context(.sfc-dark-theme)>:host.disabled{color:#656d78}:host.selected:not(.disabled),:host:hover:not(.disabled){color:#ffce54}:host .container{width:100%;display:flex;justify-content:center;align-items:center;transition:color .2s ease;border-bottom:1px solid #e6e9ed}:host .container .content{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;padding:1.25em 0}:host .container .content fa-icon{margin-right:.18em}@media (max-width: 430px){:host .container .content fa-icon{display:none}}\n"] }]
+            args: [{ selector: 'sfc-tab-label-line', template: "<div class=\"container\">\r\n  <div class=\"content\">\r\n    <fa-icon *ngIf=\"icon\" [icon]=\"icon\"></fa-icon>\r\n    <span>{{label}}</span>\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>", styles: [":host{width:100%;cursor:pointer;font-weight:700;-webkit-user-select:none;user-select:none}:host,:host-context(.sfc-default-theme) :host{color:#545e61}:host-context(.sfc-dark-theme) :host{color:#fff}:host.disabled{cursor:default;pointer-events:none}:host.disabled,:host-context(.sfc-default-theme) :host.disabled{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled{color:#656d78}:host.selected:not(.disabled),:host:hover:not(.disabled){color:#ffce54}:host .container{width:100%;display:flex;justify-content:center;align-items:center;transition:color .2s ease;border-bottom:1px solid #e6e9ed}:host .container .content{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;padding:1.25em 0}:host .container .content fa-icon{margin-right:.18em}@media (max-width: 430px){:host .container .content fa-icon{display:none}}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWxhYmVsLWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJzL3BhcnRzL2xhYmVscy90YWItbGFiZWwtbGluZS90YWItbGFiZWwtbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvcGFydHMvbGFiZWxzL3RhYi1sYWJlbC1saW5lL3RhYi1sYWJlbC1saW5lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7QUFPMUUsTUFBTSxPQUFPLHFCQUFzQixTQUFRLG1CQUFtQjs7a0hBQWpELHFCQUFxQjtzR0FBckIscUJBQXFCLGlGQ1JsQyxzS0FLTTsyRkRHTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0Usb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRhYkxhYmVsQ29udGVudEJhc2UgfSBmcm9tICcuLi90YWItbGFiZWwtY29udGVudC1iYXNlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy10YWItbGFiZWwtbGluZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYi1sYWJlbC1saW5lLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90YWItbGFiZWwtbGluZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWJMYWJlbExpbmVDb21wb25lbnQgZXh0ZW5kcyBUYWJMYWJlbENvbnRlbnRCYXNlIHtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgIDxmYS1pY29uICpuZ0lmPVwiaWNvblwiIFtpY29uXT1cImljb25cIj48L2ZhLWljb24+XHJcbiAgICA8c3Bhbj57e2xhYmVsfX08L3NwYW4+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWxhYmVsLWxpbmUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXNmYy1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy90YWJzL3BhcnRzL2xhYmVscy90YWItbGFiZWwtbGluZS90YWItbGFiZWwtbGluZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvcGFydHMvbGFiZWxzL3RhYi1sYWJlbC1saW5lL3RhYi1sYWJlbC1saW5lLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7Ozs7QUFPMUUsTUFBTSxPQUFPLHFCQUFzQixTQUFRLG1CQUFtQjs7a0hBQWpELHFCQUFxQjtzR0FBckIscUJBQXFCLGlGQ1JsQyx1TUFNTTsyRkRFTyxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0Usb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFRhYkxhYmVsQ29udGVudEJhc2UgfSBmcm9tICcuLi90YWItbGFiZWwtY29udGVudC1iYXNlLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3NmYy10YWItbGFiZWwtbGluZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYi1sYWJlbC1saW5lLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90YWItbGFiZWwtbGluZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWJMYWJlbExpbmVDb21wb25lbnQgZXh0ZW5kcyBUYWJMYWJlbENvbnRlbnRCYXNlIHtcclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgPGRpdiBjbGFzcz1cImNvbnRlbnRcIj5cclxuICAgIDxmYS1pY29uICpuZ0lmPVwiaWNvblwiIFtpY29uXT1cImljb25cIj48L2ZhLWljb24+XHJcbiAgICA8c3Bhbj57e2xhYmVsfX08L3NwYW4+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/components/tabs/tabs.component.mjs

@@ -50,10 +50,10 @@ export class TabsComponent {
     }
 }
 TabsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabsComponent, deps: [{ token: i1.TabService }], target: i0.ɵɵFactoryTarget.Component });
-TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabsComponent, selector: "sfc-tabs", inputs: { tabs: "tabs", label: "label", slider: "slider", body: "body" }, providers: [TabService], queries: [{ propertyName: "templates", predicate: TemplateReferenceDirective, read: TemplateReferenceDirective }], ngImport: i0, template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n    <div class=\"tabs-container\">\r\n        <div class=\"tabs\">\r\n            <div class=\"tab\" [style.width.%]=\"vm.tabWidth\" *ngFor=\"let tab of vm.tabs; index as index\"\r\n                (click)=\"selectTab(tab, index)\">\r\n\r\n                <sfc-template-content [referenceContent]=\"label\" [templatesContent]=\"templates\"\r\n                    [templateType]=\"TabsTemplate.Label\" [defaultContent]=\"defaultLabel\" [contextData]=\"tab\">\r\n                </sfc-template-content>\r\n\r\n                <ng-template #defaultLabel>{{ tab.label }}</ng-template>\r\n            </div>\r\n        </div>\r\n\r\n        <sfc-template-content [referenceContent]=\"slider\" [templatesContent]=\"templates\"\r\n            [templateType]=\"TabsTemplate.Slider\" [contextData]=\"vm.sliderContextData\"></sfc-template-content>\r\n\r\n    </div>\r\n\r\n    <div class=\"body-container\">\r\n        <ng-container *ngIf=\"vm.selectedTab\">\r\n\r\n            <sfc-template-content [referenceContent]=\"body\" [templatesContent]=\"templates\"\r\n                [templateType]=\"TabsTemplate.Body\" [contextData]=\"vm.selectedTab.data\">\r\n            </sfc-template-content>\r\n\r\n        </ng-container>\r\n    </div>\r\n</div>", styles: [":host{width:100%}:host .container .tabs{display:flex;flex-wrap:wrap}:host .container .tabs .tab{text-align:center}:host .container .tabs .tab,:host-context(.sfc-default-theme)>:host .container .tabs .tab{color:#545e61}:host-context(.sfc-dark-theme)>:host .container .tabs .tab{color:#fff}:host .container .body-container{margin-top:.6em}:host .container .body-container,:host-context(.sfc-default-theme)>:host .container .body-container{color:#545e61}:host-context(.sfc-dark-theme)>:host .container .body-container{color:#fff}\n"], dependencies: [{ 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.TemplateContentComponent, selector: "sfc-template-content", inputs: ["contextData", "referenceContent", "templateType", "templatesContent", "defaultContent"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
+TabsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TabsComponent, selector: "sfc-tabs", inputs: { tabs: "tabs", label: "label", slider: "slider", body: "body" }, providers: [TabService], queries: [{ propertyName: "templates", predicate: TemplateReferenceDirective, read: TemplateReferenceDirective }], ngImport: i0, template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n    <div class=\"tabs-container\">\r\n        <div class=\"tabs\">\r\n            <div class=\"tab\" [style.width.%]=\"vm.tabWidth\" *ngFor=\"let tab of vm.tabs; index as index\"\r\n                (click)=\"selectTab(tab, index)\">\r\n\r\n                <sfc-template-content [referenceContent]=\"label\" [templatesContent]=\"templates\"\r\n                    [templateType]=\"TabsTemplate.Label\" [defaultContent]=\"defaultLabel\" [contextData]=\"tab\">\r\n                </sfc-template-content>\r\n\r\n                <ng-template #defaultLabel>{{ tab.label }}</ng-template>\r\n            </div>\r\n        </div>\r\n\r\n        <sfc-template-content [referenceContent]=\"slider\" [templatesContent]=\"templates\"\r\n            [templateType]=\"TabsTemplate.Slider\" [contextData]=\"vm.sliderContextData\"></sfc-template-content>\r\n\r\n    </div>\r\n\r\n    <div class=\"body-container\">\r\n        <ng-container *ngIf=\"vm.selectedTab\">\r\n\r\n            <sfc-template-content [referenceContent]=\"body\" [templatesContent]=\"templates\"\r\n                [templateType]=\"TabsTemplate.Body\" [contextData]=\"vm.selectedTab.data\">\r\n            </sfc-template-content>\r\n\r\n        </ng-container>\r\n    </div>\r\n</div>", styles: [":host{width:100%}:host .container .tabs{display:flex;flex-wrap:wrap}:host .container .tabs .tab{text-align:center}:host .container .tabs .tab,:host-context(.sfc-default-theme) :host .container .tabs .tab{color:#545e61}:host-context(.sfc-dark-theme) :host .container .tabs .tab{color:#fff}:host .container .body-container{margin-top:.6em}:host .container .body-container,:host-context(.sfc-default-theme) :host .container .body-container{color:#545e61}:host-context(.sfc-dark-theme) :host .container .body-container{color:#fff}\n"], dependencies: [{ 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.TemplateContentComponent, selector: "sfc-template-content", inputs: ["contextData", "referenceContent", "templateType", "templatesContent", "defaultContent"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sfc-tabs', providers: [TabService], template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n    <div class=\"tabs-container\">\r\n        <div class=\"tabs\">\r\n            <div class=\"tab\" [style.width.%]=\"vm.tabWidth\" *ngFor=\"let tab of vm.tabs; index as index\"\r\n                (click)=\"selectTab(tab, index)\">\r\n\r\n                <sfc-template-content [referenceContent]=\"label\" [templatesContent]=\"templates\"\r\n                    [templateType]=\"TabsTemplate.Label\" [defaultContent]=\"defaultLabel\" [contextData]=\"tab\">\r\n                </sfc-template-content>\r\n\r\n                <ng-template #defaultLabel>{{ tab.label }}</ng-template>\r\n            </div>\r\n        </div>\r\n\r\n        <sfc-template-content [referenceContent]=\"slider\" [templatesContent]=\"templates\"\r\n            [templateType]=\"TabsTemplate.Slider\" [contextData]=\"vm.sliderContextData\"></sfc-template-content>\r\n\r\n    </div>\r\n\r\n    <div class=\"body-container\">\r\n        <ng-container *ngIf=\"vm.selectedTab\">\r\n\r\n            <sfc-template-content [referenceContent]=\"body\" [templatesContent]=\"templates\"\r\n                [templateType]=\"TabsTemplate.Body\" [contextData]=\"vm.selectedTab.data\">\r\n            </sfc-template-content>\r\n\r\n        </ng-container>\r\n    </div>\r\n</div>", styles: [":host{width:100%}:host .container .tabs{display:flex;flex-wrap:wrap}:host .container .tabs .tab{text-align:center}:host .container .tabs .tab,:host-context(.sfc-default-theme)>:host .container .tabs .tab{color:#545e61}:host-context(.sfc-dark-theme)>:host .container .tabs .tab{color:#fff}:host .container .body-container{margin-top:.6em}:host .container .body-container,:host-context(.sfc-default-theme)>:host .container .body-container{color:#545e61}:host-context(.sfc-dark-theme)>:host .container .body-container{color:#fff}\n"] }]
+            args: [{ selector: 'sfc-tabs', providers: [TabService], template: "<div class=\"container\" *ngIf=\"vm$ | async as vm\">\r\n    <div class=\"tabs-container\">\r\n        <div class=\"tabs\">\r\n            <div class=\"tab\" [style.width.%]=\"vm.tabWidth\" *ngFor=\"let tab of vm.tabs; index as index\"\r\n                (click)=\"selectTab(tab, index)\">\r\n\r\n                <sfc-template-content [referenceContent]=\"label\" [templatesContent]=\"templates\"\r\n                    [templateType]=\"TabsTemplate.Label\" [defaultContent]=\"defaultLabel\" [contextData]=\"tab\">\r\n                </sfc-template-content>\r\n\r\n                <ng-template #defaultLabel>{{ tab.label }}</ng-template>\r\n            </div>\r\n        </div>\r\n\r\n        <sfc-template-content [referenceContent]=\"slider\" [templatesContent]=\"templates\"\r\n            [templateType]=\"TabsTemplate.Slider\" [contextData]=\"vm.sliderContextData\"></sfc-template-content>\r\n\r\n    </div>\r\n\r\n    <div class=\"body-container\">\r\n        <ng-container *ngIf=\"vm.selectedTab\">\r\n\r\n            <sfc-template-content [referenceContent]=\"body\" [templatesContent]=\"templates\"\r\n                [templateType]=\"TabsTemplate.Body\" [contextData]=\"vm.selectedTab.data\">\r\n            </sfc-template-content>\r\n\r\n        </ng-container>\r\n    </div>\r\n</div>", styles: [":host{width:100%}:host .container .tabs{display:flex;flex-wrap:wrap}:host .container .tabs .tab{text-align:center}:host .container .tabs .tab,:host-context(.sfc-default-theme) :host .container .tabs .tab{color:#545e61}:host-context(.sfc-dark-theme) :host .container .tabs .tab{color:#fff}:host .container .body-container{margin-top:.6em}:host .container .body-container,:host-context(.sfc-default-theme) :host .container .body-container{color:#545e61}:host-context(.sfc-dark-theme) :host .container .body-container{color:#fff}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TabService }]; }, propDecorators: { tabs: [{
                 type: Input
             }], label: [{
@@ -66,4 +66,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
                 type: ContentChildren,
                 args: [TemplateReferenceDirective, { read: TemplateReferenceDirective }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQWtDLE1BQU0sZUFBZSxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLFNBQVMsRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBYyxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDbEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7QUFVcEQsTUFBTSxPQUFPLGFBQWE7SUEyQnhCLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUF6QjFDLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRzVCLFNBQUksR0FBZ0IsRUFBRSxDQUFDO0lBc0J1QixDQUFDO0lBRS9DLFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksZUFBZSxDQUFjLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUU5RCxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUNwRCxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsRUFDdkMsU0FBUyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUzthQUNsQyxJQUFJLENBQ0gsU0FBUyxDQUFDLGFBQWEsQ0FBQyxDQUN6QixDQUFDO1FBRU4sSUFBSSxDQUFDLEdBQUcsR0FBRyxhQUFhLENBQUM7WUFDdkIsS0FBSztZQUNMLFNBQVM7U0FDVixDQUFDLENBQUMsSUFBSSxDQUNMLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxFQUFFLEVBQUU7WUFDNUIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUM7WUFFekMsT0FBTztnQkFDTCxJQUFJLEVBQUUsSUFBSTtnQkFDVixXQUFXLEVBQUUsU0FBUyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUk7Z0JBQ2xFLGlCQUFpQixFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRTtnQkFDL0QsUUFBUSxFQUFFLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ3pDLENBQUE7UUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQztJQUVELFNBQVMsQ0FBQyxHQUFjLEVBQUUsS0FBYTtRQUNyQyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUU7WUFDbEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDL0I7SUFDSCxDQUFDO0lBRU8sZ0JBQWdCLENBQUMsSUFBaUI7UUFDeEMsSUFBSSxhQUFhLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUNsRCxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxRQUFRLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFjLENBQUMsQ0FBQztRQUV0RCxJQUFJLGFBQWEsSUFBSSxlQUFlLENBQUMsZUFBZSxFQUFFO1lBQ3BELGFBQWEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQWMsQ0FBQyxDQUFDO1lBQ3RGLE9BQU8sYUFBYSxJQUFJLGVBQWUsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDO1NBQzdFO1FBRUQsT0FBTyxhQUFhLENBQUM7SUFDdkIsQ0FBQztJQUVPLGNBQWMsQ0FBQyxJQUFpQixFQUFFLGFBQXFCO1FBQzdELElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFlLEVBQUUsS0FBYSxFQUFFLEVBQUU7WUFDOUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLElBQUksYUFBYSxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7MEdBOUVVLGFBQWE7OEZBQWIsYUFBYSw2R0FGYixDQUFDLFVBQVUsQ0FBQyxvREFzQk4sMEJBQTBCLFFBQVUsMEJBQTBCLDZCQ2xDakYsa3hDQTRCTTsyRkRkTyxhQUFhO2tCQU56QixTQUFTOytCQUNFLFVBQVUsYUFHVCxDQUFDLFVBQVUsQ0FBQztpR0FPdkIsSUFBSTtzQkFESCxLQUFLO2dCQU1OLEtBQUs7c0JBREosS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQU1OLFNBQVM7c0JBRFIsZUFBZTt1QkFBQywwQkFBMEIsRUFBRSxFQUFFLElBQUksRUFBRSwwQkFBMEIsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBJbnB1dCwgT25Jbml0LCBRdWVyeUxpc3QsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbkNvbnN0YW50cywgZmlyc3RPckRlZmF1bHQsIGlzRGVmaW5lZCwgVGVtcGxhdGVSZWZlcmVuY2VEaXJlY3RpdmUgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgbWFwLCBPYnNlcnZhYmxlLCBzdGFydFdpdGggfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgVGFiU2VydmljZSB9IGZyb20gJy4vc2VydmljZS90YWIuc2VydmljZSc7XHJcbmltcG9ydCB7IFRhYnNUZW1wbGF0ZSB9IGZyb20gJy4vdGFicy10ZW1wbGF0ZS5lbnVtJztcclxuaW1wb3J0IHsgSVRhYnNWaWV3TW9kZWwgfSBmcm9tICcuL21vZGVscy90YWJzLXZpZXcubW9kZWwnO1xyXG5pbXBvcnQgeyBJVGFiTW9kZWwgfSBmcm9tICcuL21vZGVscy90YWIubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtdGFicycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RhYnMuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtUYWJTZXJ2aWNlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIFRhYnNUZW1wbGF0ZSA9IFRhYnNUZW1wbGF0ZTtcclxuXHJcbiAgQElucHV0KClcclxuICB0YWJzOiBJVGFiTW9kZWxbXSA9IFtdO1xyXG5cclxuICAvLyBUZW1wbGF0ZSByZWZlcmVuY2VzIFxyXG5cclxuICBASW5wdXQoKVxyXG4gIGxhYmVsPzogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgQElucHV0KClcclxuICBzbGlkZXI/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGJvZHk/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICAvLyBFbmQgVGVtcGxhdGUgcmVmZXJlbmNlc1xyXG5cclxuICBAQ29udGVudENoaWxkcmVuKFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlIH0pXHJcbiAgdGVtcGxhdGVzOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWZlcmVuY2VEaXJlY3RpdmU+IHwgdW5kZWZpbmVkO1xyXG5cclxuICBwdWJsaWMgdm0kPzogT2JzZXJ2YWJsZTxJVGFic1ZpZXdNb2RlbD47XHJcblxyXG4gIHByaXZhdGUgdGFic1N1YmplY3Q/OiBCZWhhdmlvclN1YmplY3Q8SVRhYk1vZGVsW10+O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRhYlNlcnZpY2U6IFRhYlNlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMudGFic1N1YmplY3QgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PElUYWJNb2RlbFtdPih0aGlzLnRhYnMpXHJcblxyXG4gICAgY29uc3Qgc2VsZWN0ZWRJbmRleCA9IHRoaXMuZ2V0U2VsZWN0ZWRJbmRleCh0aGlzLnRhYnMpLFxyXG4gICAgICB0YWJzJCA9IHRoaXMudGFic1N1YmplY3QuYXNPYnNlcnZhYmxlKCksXHJcbiAgICAgIHNlbGVjdGVkJCA9IHRoaXMudGFiU2VydmljZS5zZWxlY3RlZCRcclxuICAgICAgICAucGlwZShcclxuICAgICAgICAgIHN0YXJ0V2l0aChzZWxlY3RlZEluZGV4KVxyXG4gICAgICAgICk7XHJcblxyXG4gICAgdGhpcy52bSQgPSBjb21iaW5lTGF0ZXN0KFtcclxuICAgICAgdGFicyQsXHJcbiAgICAgIHNlbGVjdGVkJFxyXG4gICAgXSkucGlwZShcclxuICAgICAgbWFwKChbdGFicywgc2VsZWN0ZWRJbmRleF0pID0+IHtcclxuICAgICAgICB0aGlzLnVwZGF0ZVNlbGVjdGVkKHRhYnMsIHNlbGVjdGVkSW5kZXgpO1xyXG5cclxuICAgICAgICByZXR1cm4ge1xyXG4gICAgICAgICAgdGFiczogdGFicyxcclxuICAgICAgICAgIHNlbGVjdGVkVGFiOiBpc0RlZmluZWQoc2VsZWN0ZWRJbmRleCkgPyB0YWJzW3NlbGVjdGVkSW5kZXhdIDogbnVsbCxcclxuICAgICAgICAgIHNsaWRlckNvbnRleHREYXRhOiB7IGNvdW50OiB0YWJzLmxlbmd0aCwgaW5kZXg6IHNlbGVjdGVkSW5kZXggfSxcclxuICAgICAgICAgIHRhYldpZHRoOiAxMDAgLyAodGFicyA/IHRhYnMubGVuZ3RoIDogMSlcclxuICAgICAgICB9XHJcbiAgICAgIH0pXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0VGFiKHRhYjogSVRhYk1vZGVsLCBpbmRleDogbnVtYmVyKSB7XHJcbiAgICBpZiAoIXRhYi5kaXNhYmxlZCAmJiAhdGFiLnNlbGVjdGVkKSB7XHJcbiAgICAgIHRoaXMudGFiU2VydmljZS5zZWxlY3QoaW5kZXgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXRTZWxlY3RlZEluZGV4KHRhYnM6IElUYWJNb2RlbFtdKTogbnVtYmVyIHtcclxuICAgIGxldCBzZWxlY3RlZEluZGV4ID0gdGFicy5pbmRleE9mKGZpcnN0T3JEZWZhdWx0KHRhYnMsXHJcbiAgICAgIHRhYiA9PiB0YWIuc2VsZWN0ZWQgJiYgIXRhYi5kaXNhYmxlZCkgYXMgSVRhYk1vZGVsKTtcclxuXHJcbiAgICBpZiAoc2VsZWN0ZWRJbmRleCA9PSBDb21tb25Db25zdGFudHMuTk9UX0ZPVU5EX0lOREVYKSB7XHJcbiAgICAgIHNlbGVjdGVkSW5kZXggPSB0YWJzLmluZGV4T2YoZmlyc3RPckRlZmF1bHQodGFicywgdGFiID0+ICF0YWIuZGlzYWJsZWQpIGFzIElUYWJNb2RlbCk7XHJcbiAgICAgIHJldHVybiBzZWxlY3RlZEluZGV4ID09IENvbW1vbkNvbnN0YW50cy5OT1RfRk9VTkRfSU5ERVggPyAwIDogc2VsZWN0ZWRJbmRleDtcclxuICAgIH1cclxuXHJcbiAgICByZXR1cm4gc2VsZWN0ZWRJbmRleDtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgdXBkYXRlU2VsZWN0ZWQodGFiczogSVRhYk1vZGVsW10sIHNlbGVjdGVkSW5kZXg6IG51bWJlcik6IHZvaWQge1xyXG4gICAgdGFicy5mb3JFYWNoKChpdGVtOiBJVGFiTW9kZWwsIGluZGV4OiBudW1iZXIpID0+IHtcclxuICAgICAgaXRlbS5zZWxlY3RlZCA9IGluZGV4ID09IHNlbGVjdGVkSW5kZXg7XHJcbiAgICB9KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiICpuZ0lmPVwidm0kIHwgYXN5bmMgYXMgdm1cIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0YWJzLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJzXCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0YWJcIiBbc3R5bGUud2lkdGguJV09XCJ2bS50YWJXaWR0aFwiICpuZ0Zvcj1cImxldCB0YWIgb2Ygdm0udGFiczsgaW5kZXggYXMgaW5kZXhcIlxyXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdFRhYih0YWIsIGluZGV4KVwiPlxyXG5cclxuICAgICAgICAgICAgICAgIDxzZmMtdGVtcGxhdGUtY29udGVudCBbcmVmZXJlbmNlQ29udGVudF09XCJsYWJlbFwiIFt0ZW1wbGF0ZXNDb250ZW50XT1cInRlbXBsYXRlc1wiXHJcbiAgICAgICAgICAgICAgICAgICAgW3RlbXBsYXRlVHlwZV09XCJUYWJzVGVtcGxhdGUuTGFiZWxcIiBbZGVmYXVsdENvbnRlbnRdPVwiZGVmYXVsdExhYmVsXCIgW2NvbnRleHREYXRhXT1cInRhYlwiPlxyXG4gICAgICAgICAgICAgICAgPC9zZmMtdGVtcGxhdGUtY29udGVudD5cclxuXHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRMYWJlbD57eyB0YWIubGFiZWwgfX08L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPHNmYy10ZW1wbGF0ZS1jb250ZW50IFtyZWZlcmVuY2VDb250ZW50XT1cInNsaWRlclwiIFt0ZW1wbGF0ZXNDb250ZW50XT1cInRlbXBsYXRlc1wiXHJcbiAgICAgICAgICAgIFt0ZW1wbGF0ZVR5cGVdPVwiVGFic1RlbXBsYXRlLlNsaWRlclwiIFtjb250ZXh0RGF0YV09XCJ2bS5zbGlkZXJDb250ZXh0RGF0YVwiPjwvc2ZjLXRlbXBsYXRlLWNvbnRlbnQ+XHJcblxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImJvZHktY29udGFpbmVyXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInZtLnNlbGVjdGVkVGFiXCI+XHJcblxyXG4gICAgICAgICAgICA8c2ZjLXRlbXBsYXRlLWNvbnRlbnQgW3JlZmVyZW5jZUNvbnRlbnRdPVwiYm9keVwiIFt0ZW1wbGF0ZXNDb250ZW50XT1cInRlbXBsYXRlc1wiXHJcbiAgICAgICAgICAgICAgICBbdGVtcGxhdGVUeXBlXT1cIlRhYnNUZW1wbGF0ZS5Cb2R5XCIgW2NvbnRleHREYXRhXT1cInZtLnNlbGVjdGVkVGFiLmRhdGFcIj5cclxuICAgICAgICAgICAgPC9zZmMtdGVtcGxhdGUtY29udGVudD5cclxuXHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3RhYnMvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxLQUFLLEVBQWtDLE1BQU0sZUFBZSxDQUFDO0FBQ2xHLE9BQU8sRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLFNBQVMsRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBYyxTQUFTLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDbEYsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7QUFVcEQsTUFBTSxPQUFPLGFBQWE7SUEyQnhCLFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7UUF6QjFDLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBRzVCLFNBQUksR0FBZ0IsRUFBRSxDQUFDO0lBc0J1QixDQUFDO0lBRS9DLFFBQVE7UUFDTixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksZUFBZSxDQUFjLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUU5RCxNQUFNLGFBQWEsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUNwRCxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsRUFDdkMsU0FBUyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsU0FBUzthQUNsQyxJQUFJLENBQ0gsU0FBUyxDQUFDLGFBQWEsQ0FBQyxDQUN6QixDQUFDO1FBRU4sSUFBSSxDQUFDLEdBQUcsR0FBRyxhQUFhLENBQUM7WUFDdkIsS0FBSztZQUNMLFNBQVM7U0FDVixDQUFDLENBQUMsSUFBSSxDQUNMLEdBQUcsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLGFBQWEsQ0FBQyxFQUFFLEVBQUU7WUFDNUIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsYUFBYSxDQUFDLENBQUM7WUFFekMsT0FBTztnQkFDTCxJQUFJLEVBQUUsSUFBSTtnQkFDVixXQUFXLEVBQUUsU0FBUyxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUk7Z0JBQ2xFLGlCQUFpQixFQUFFLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRTtnQkFDL0QsUUFBUSxFQUFFLEdBQUcsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ3pDLENBQUE7UUFDSCxDQUFDLENBQUMsQ0FDSCxDQUFDO0lBQ0osQ0FBQztJQUVELFNBQVMsQ0FBQyxHQUFjLEVBQUUsS0FBYTtRQUNyQyxJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUU7WUFDbEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDL0I7SUFDSCxDQUFDO0lBRU8sZ0JBQWdCLENBQUMsSUFBaUI7UUFDeEMsSUFBSSxhQUFhLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUNsRCxHQUFHLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxRQUFTLElBQUksQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFjLENBQUMsQ0FBQztRQUV2RCxJQUFJLGFBQWEsSUFBSSxlQUFlLENBQUMsZUFBZSxFQUFFO1lBQ3BELGFBQWEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxRQUFRLENBQWMsQ0FBQyxDQUFDO1lBQ3RGLE9BQU8sYUFBYSxJQUFJLGVBQWUsQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDO1NBQzdFO1FBRUQsT0FBTyxhQUFhLENBQUM7SUFDdkIsQ0FBQztJQUVPLGNBQWMsQ0FBQyxJQUFpQixFQUFFLGFBQXFCO1FBQzdELElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFlLEVBQUUsS0FBYSxFQUFFLEVBQUU7WUFDOUMsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLElBQUksYUFBYSxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7MEdBOUVVLGFBQWE7OEZBQWIsYUFBYSw2R0FGYixDQUFDLFVBQVUsQ0FBQyxvREFzQk4sMEJBQTBCLFFBQVUsMEJBQTBCLDZCQ2xDakYsa3hDQTRCTTsyRkRkTyxhQUFhO2tCQU56QixTQUFTOytCQUNFLFVBQVUsYUFHVCxDQUFDLFVBQVUsQ0FBQztpR0FPdkIsSUFBSTtzQkFESCxLQUFLO2dCQU1OLEtBQUs7c0JBREosS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQU1OLFNBQVM7c0JBRFIsZUFBZTt1QkFBQywwQkFBMEIsRUFBRSxFQUFFLElBQUksRUFBRSwwQkFBMEIsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBJbnB1dCwgT25Jbml0LCBRdWVyeUxpc3QsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbkNvbnN0YW50cywgZmlyc3RPckRlZmF1bHQsIGlzRGVmaW5lZCwgVGVtcGxhdGVSZWZlcmVuY2VEaXJlY3RpdmUgfSBmcm9tICduZ3gtc2ZjLWNvbW1vbic7XHJcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCwgbWFwLCBPYnNlcnZhYmxlLCBzdGFydFdpdGggfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgVGFiU2VydmljZSB9IGZyb20gJy4vc2VydmljZS90YWIuc2VydmljZSc7XHJcbmltcG9ydCB7IFRhYnNUZW1wbGF0ZSB9IGZyb20gJy4vdGFicy10ZW1wbGF0ZS5lbnVtJztcclxuaW1wb3J0IHsgSVRhYnNWaWV3TW9kZWwgfSBmcm9tICcuL21vZGVscy90YWJzLXZpZXcubW9kZWwnO1xyXG5pbXBvcnQgeyBJVGFiTW9kZWwgfSBmcm9tICcuL21vZGVscy90YWIubW9kZWwnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzZmMtdGFicycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYnMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RhYnMuY29tcG9uZW50LnNjc3MnXSxcclxuICBwcm92aWRlcnM6IFtUYWJTZXJ2aWNlXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGFic0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIFRhYnNUZW1wbGF0ZSA9IFRhYnNUZW1wbGF0ZTtcclxuXHJcbiAgQElucHV0KClcclxuICB0YWJzOiBJVGFiTW9kZWxbXSA9IFtdO1xyXG5cclxuICAvLyBUZW1wbGF0ZSByZWZlcmVuY2VzIFxyXG5cclxuICBASW5wdXQoKVxyXG4gIGxhYmVsPzogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgQElucHV0KClcclxuICBzbGlkZXI/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGJvZHk/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICAvLyBFbmQgVGVtcGxhdGUgcmVmZXJlbmNlc1xyXG5cclxuICBAQ29udGVudENoaWxkcmVuKFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlIH0pXHJcbiAgdGVtcGxhdGVzOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWZlcmVuY2VEaXJlY3RpdmU+IHwgdW5kZWZpbmVkO1xyXG5cclxuICBwdWJsaWMgdm0kPzogT2JzZXJ2YWJsZTxJVGFic1ZpZXdNb2RlbD47XHJcblxyXG4gIHByaXZhdGUgdGFic1N1YmplY3Q/OiBCZWhhdmlvclN1YmplY3Q8SVRhYk1vZGVsW10+O1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHRhYlNlcnZpY2U6IFRhYlNlcnZpY2UpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMudGFic1N1YmplY3QgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PElUYWJNb2RlbFtdPih0aGlzLnRhYnMpXHJcblxyXG4gICAgY29uc3Qgc2VsZWN0ZWRJbmRleCA9IHRoaXMuZ2V0U2VsZWN0ZWRJbmRleCh0aGlzLnRhYnMpLFxyXG4gICAgICB0YWJzJCA9IHRoaXMudGFic1N1YmplY3QuYXNPYnNlcnZhYmxlKCksXHJcbiAgICAgIHNlbGVjdGVkJCA9IHRoaXMudGFiU2VydmljZS5zZWxlY3RlZCRcclxuICAgICAgICAucGlwZShcclxuICAgICAgICAgIHN0YXJ0V2l0aChzZWxlY3RlZEluZGV4KVxyXG4gICAgICAgICk7XHJcblxyXG4gICAgdGhpcy52bSQgPSBjb21iaW5lTGF0ZXN0KFtcclxuICAgICAgdGFicyQsXHJcbiAgICAgIHNlbGVjdGVkJFxyXG4gICAgXSkucGlwZShcclxuICAgICAgbWFwKChbdGFicywgc2VsZWN0ZWRJbmRleF0pID0+IHtcclxuICAgICAgICB0aGlzLnVwZGF0ZVNlbGVjdGVkKHRhYnMsIHNlbGVjdGVkSW5kZXgpO1xyXG5cclxuICAgICAgICByZXR1cm4ge1xyXG4gICAgICAgICAgdGFiczogdGFicyxcclxuICAgICAgICAgIHNlbGVjdGVkVGFiOiBpc0RlZmluZWQoc2VsZWN0ZWRJbmRleCkgPyB0YWJzW3NlbGVjdGVkSW5kZXhdIDogbnVsbCxcclxuICAgICAgICAgIHNsaWRlckNvbnRleHREYXRhOiB7IGNvdW50OiB0YWJzLmxlbmd0aCwgaW5kZXg6IHNlbGVjdGVkSW5kZXggfSxcclxuICAgICAgICAgIHRhYldpZHRoOiAxMDAgLyAodGFicyA/IHRhYnMubGVuZ3RoIDogMSlcclxuICAgICAgICB9XHJcbiAgICAgIH0pXHJcbiAgICApO1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0VGFiKHRhYjogSVRhYk1vZGVsLCBpbmRleDogbnVtYmVyKSB7XHJcbiAgICBpZiAoIXRhYi5kaXNhYmxlZCAmJiAhdGFiLnNlbGVjdGVkKSB7XHJcbiAgICAgIHRoaXMudGFiU2VydmljZS5zZWxlY3QoaW5kZXgpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXRTZWxlY3RlZEluZGV4KHRhYnM6IElUYWJNb2RlbFtdKTogbnVtYmVyIHtcclxuICAgIGxldCBzZWxlY3RlZEluZGV4ID0gdGFicy5pbmRleE9mKGZpcnN0T3JEZWZhdWx0KHRhYnMsXHJcbiAgICAgIHRhYiA9PiB0YWIuc2VsZWN0ZWQhICYmICF0YWIuZGlzYWJsZWQpIGFzIElUYWJNb2RlbCk7XHJcblxyXG4gICAgaWYgKHNlbGVjdGVkSW5kZXggPT0gQ29tbW9uQ29uc3RhbnRzLk5PVF9GT1VORF9JTkRFWCkge1xyXG4gICAgICBzZWxlY3RlZEluZGV4ID0gdGFicy5pbmRleE9mKGZpcnN0T3JEZWZhdWx0KHRhYnMsIHRhYiA9PiAhdGFiLmRpc2FibGVkKSBhcyBJVGFiTW9kZWwpO1xyXG4gICAgICByZXR1cm4gc2VsZWN0ZWRJbmRleCA9PSBDb21tb25Db25zdGFudHMuTk9UX0ZPVU5EX0lOREVYID8gMCA6IHNlbGVjdGVkSW5kZXg7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIHNlbGVjdGVkSW5kZXg7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHVwZGF0ZVNlbGVjdGVkKHRhYnM6IElUYWJNb2RlbFtdLCBzZWxlY3RlZEluZGV4OiBudW1iZXIpOiB2b2lkIHtcclxuICAgIHRhYnMuZm9yRWFjaCgoaXRlbTogSVRhYk1vZGVsLCBpbmRleDogbnVtYmVyKSA9PiB7XHJcbiAgICAgIGl0ZW0uc2VsZWN0ZWQgPSBpbmRleCA9PSBzZWxlY3RlZEluZGV4O1xyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjb250YWluZXJcIiAqbmdJZj1cInZtJCB8IGFzeW5jIGFzIHZtXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwidGFicy1jb250YWluZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidGFic1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGFiXCIgW3N0eWxlLndpZHRoLiVdPVwidm0udGFiV2lkdGhcIiAqbmdGb3I9XCJsZXQgdGFiIG9mIHZtLnRhYnM7IGluZGV4IGFzIGluZGV4XCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RUYWIodGFiLCBpbmRleClcIj5cclxuXHJcbiAgICAgICAgICAgICAgICA8c2ZjLXRlbXBsYXRlLWNvbnRlbnQgW3JlZmVyZW5jZUNvbnRlbnRdPVwibGFiZWxcIiBbdGVtcGxhdGVzQ29udGVudF09XCJ0ZW1wbGF0ZXNcIlxyXG4gICAgICAgICAgICAgICAgICAgIFt0ZW1wbGF0ZVR5cGVdPVwiVGFic1RlbXBsYXRlLkxhYmVsXCIgW2RlZmF1bHRDb250ZW50XT1cImRlZmF1bHRMYWJlbFwiIFtjb250ZXh0RGF0YV09XCJ0YWJcIj5cclxuICAgICAgICAgICAgICAgIDwvc2ZjLXRlbXBsYXRlLWNvbnRlbnQ+XHJcblxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0TGFiZWw+e3sgdGFiLmxhYmVsIH19PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxzZmMtdGVtcGxhdGUtY29udGVudCBbcmVmZXJlbmNlQ29udGVudF09XCJzbGlkZXJcIiBbdGVtcGxhdGVzQ29udGVudF09XCJ0ZW1wbGF0ZXNcIlxyXG4gICAgICAgICAgICBbdGVtcGxhdGVUeXBlXT1cIlRhYnNUZW1wbGF0ZS5TbGlkZXJcIiBbY29udGV4dERhdGFdPVwidm0uc2xpZGVyQ29udGV4dERhdGFcIj48L3NmYy10ZW1wbGF0ZS1jb250ZW50PlxyXG5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgY2xhc3M9XCJib2R5LWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ2bS5zZWxlY3RlZFRhYlwiPlxyXG5cclxuICAgICAgICAgICAgPHNmYy10ZW1wbGF0ZS1jb250ZW50IFtyZWZlcmVuY2VDb250ZW50XT1cImJvZHlcIiBbdGVtcGxhdGVzQ29udGVudF09XCJ0ZW1wbGF0ZXNcIlxyXG4gICAgICAgICAgICAgICAgW3RlbXBsYXRlVHlwZV09XCJUYWJzVGVtcGxhdGUuQm9keVwiIFtjb250ZXh0RGF0YV09XCJ2bS5zZWxlY3RlZFRhYi5kYXRhXCI+XHJcbiAgICAgICAgICAgIDwvc2ZjLXRlbXBsYXRlLWNvbnRlbnQ+XHJcblxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==