npm - @biit-solutions/wizardry-theme - Versions diffs - 1.22.14 → 1.22.16 - Mend

@biit-solutions/wizardry-theme 1.22.14 → 1.22.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (59) hide show

package/esm2020/inputs/biit-slider-option-vertical/biit-slider-option-vertical.component.mjs CHANGED Viewed

@@ -44,10 +44,10 @@ export class BiitSliderOptionVerticalComponent {
         const progress = ((slider.value - slider.min) * 100) / (slider.max - slider.min);
         // Set slider bar background colors according to progress
         if (!this.inverted) {
-            this.slider.nativeElement.style.background = `linear-gradient(to top, #F20D5E ${progress}%, #D7D7D7 ${progress}%)`;
+            this.slider.nativeElement.style.background = `linear-gradient(to top, var(--main-color) ${progress}%, #D7D7D7 ${progress}%)`;
         }
         else {
-            this.slider.nativeElement.style.background = `linear-gradient(to bottom, #F20D5E ${progress}%, #D7D7D7 ${progress}%)`;
+            this.slider.nativeElement.style.background = `linear-gradient(to bottom, var(--main-color) ${progress}%, #D7D7D7 ${progress}%)`;
         }
         // Set tooltip text
         tooltip.innerHTML = `<span>${this.data[slider.value].value}</span>`;
@@ -94,4 +94,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: ViewChild,
                 args: ['tooltip']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlpdC1zbGlkZXItb3B0aW9uLXZlcnRpY2FsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dpemFyZHJ5LXRoZW1lL2lucHV0cy9zcmMvYmlpdC1zbGlkZXItb3B0aW9uLXZlcnRpY2FsL2JpaXQtc2xpZGVyLW9wdGlvbi12ZXJ0aWNhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93aXphcmRyeS10aGVtZS9pbnB1dHMvc3JjL2JpaXQtc2xpZGVyLW9wdGlvbi12ZXJ0aWNhbC9iaWl0LXNsaWRlci1vcHRpb24tdmVydGljYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUdMLFNBQVMsRUFFVCxVQUFVLEVBQ1YsS0FBSyxFQUVMLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXVCLGlCQUFpQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBY3ZFLE1BQU0sT0FBTyxpQ0FBaUM7SUFNNUMsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFTRCxZQUFvQixLQUF3QjtRQUF4QixVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQWZuQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLG9CQUFlLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBTzNCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsc0JBQWlCLEdBQVksS0FBSyxDQUFDO1FBUTdDLGFBQVEsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFO1FBQ3RCLENBQUMsQ0FBQztRQUNGLFlBQU8sR0FBRyxHQUFHLEVBQUU7UUFDZixDQUFDLENB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c0JBQW5CLEtBQUs7Z0JBVWtCLE1BQU07c0JBQTdCLFNBQVM7dUJBQUMsV0FBVztnQkFDQSxPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdDaGVja2VkLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBmb3J3YXJkUmVmLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JpaXQtc2xpZGVyLW9wdGlvbi12ZXJ0aWNhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9iaWl0LXNsaWRlci1vcHRpb24tdmVydGljYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iaWl0LXNsaWRlci1vcHRpb24tdmVydGljYWwuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBCaWl0U2xpZGVyT3B0aW9uVmVydGljYWxDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQmlpdFNsaWRlck9wdGlvblZlcnRpY2FsQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEFmdGVyVmlld0NoZWNrZWQsIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGRhdGE6IHsgdmFsdWU6IHN0cmluZyB8IG51bWJlciwgbGFiZWw6IHN0cmluZywgZGVzY3JpcHRpb246IHN0cmluZyB9W107XG4gIEBJbnB1dCgpIGludmVydGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNob3dEZXNjcmlwdGlvbiA9IHRydWU7XG4gIEBJbnB1dCgpIHNob3dUb29sdGlwOiBib29sZWFuID0gdHJ1ZTtcblxuICBnZXQgaW5kZXgoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGF0YS5maW5kSW5kZXgoaSA9PiBpLnZhbHVlID09IHRoaXMudmFsdWUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHZhbHVlOiBzdHJpbmcgfCBudW1iZXI7XG4gIHByb3RlY3RlZCBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcm90ZWN0ZWQgdG9vbHRpcEJveFZpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdyYW5nZXJWZXInKSBzbGlkZXI6IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoJ3Rvb2x0aXAnKSB0b29sdGlwOiBFbGVtZW50UmVmO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gIH1cblxuICBvbkNoYW5nZSA9IChfOiBhbnkpID0+IHtcbiAgfTtcbiAgb25Ub3VjaCA9ICgpID0+IHtcbiAgfTtcblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nIHwgbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxuICBuZ0FmdGVyVmlld0NoZWNrZWQoKSB7XG4gICAgdGhpcy5wcm9ncmVzc1NjcmlwdCgpO1xuICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgcHJvZ3Jlc3NTY3JpcHQoKSB7XG4gICAgY29uc3Qgc2xpZGVyID0gdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCB0b29sdGlwID0gdGhpcy50b29sdGlwLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICBjb25zdCBwcm9ncmVzcyA9ICgoc2xpZGVyLnZhbHVlIC0gc2xpZGVyLm1pbikgKiAxMDApIC8gKHNsaWRlci5tYXggLSBzbGlkZXIubWluKTtcblxuICAgIC8vIFNldCBzbGlkZXIgYmFyIGJhY2tncm91bmQgY29sb3JzIGFjY29yZGluZyB0byBwcm9ncmVzc1xuICAgIGlmICghdGhpcy5pbnZlcnRlZCkge1xuICAgICAgdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudC5zdHlsZS5iYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byB0b3AsICNGMjBENUUgJHtwcm9ncmVzc30lLCAjRDdEN0Q3ICR7cHJvZ3Jlc3N9JSlgO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNsaWRlci5uYXRpdmVFbGVtZW50LnN0eWxlLmJhY2tncm91bmQgPSBgbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwgI0YyMEQ1RSAke3Byb2dyZXNzfSUsICNEN0Q3RDcgJHtwcm9ncmVzc30lKWA7XG4gICAgfVxuXG4gICAgLy8gU2V0IHRvb2x0aXAgdGV4dFxuICAgIHRvb2x0aXAuaW5uZXJIVE1MID0gYDxzcGFuPiR7dGhpcy5kYXRhW3NsaWRlci52YWx1ZV0udmFsdWV9PC9zcGFuPmA7XG5cbiAgICAvLyBTZXQgc2xpZGVyIHRvb2x0aXAgcG9zaXRpb25cbiAgICBjb25zdCB0b29sdGlwUG9zaXRpb24gPSAoLXBhcnNlRmxvYXQoZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmZvbnRTaXplKSAqIDAuNSkgLSAocHJvZ3Jlc3MgKiAwLjE2KTtcbiAgICB0b29sdGlwLmZpcnN0Q2hpbGQuc3R5bGUubGVmdCA9ICdjYWxjKC02cHggKyAtNTAlKSc7XG5cbiAgICBpZiAoIXRoaXMuaW52ZXJ0ZWQpIHtcbiAgICAgIHRvb2x0aXAuc3R5bGUuYm90dG9tID0gYGNhbGMoJHtwcm9ncmVzc30lICsgKCR7dG9vbHRpcFBvc2l0aW9ufXB4KSArIDJyZW0pYDtcbiAgICB9IGVsc2Uge1xuICAgICAgdG9vbHRpcC5zdHlsZS50b3AgPSBgY2FsYygke3Byb2dyZXNzfSUgKyAoJHt0b29sdGlwUG9zaXRpb259cHgpIC0gMS41cmVtKWA7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2xpZGVyLXZlcnRpY2FsXCI+XG4gIDxpbnB1dCAjcmFuZ2VyVmVyIHR5cGU9XCJyYW5nZVwiXG4gICAgICAgICBvcmllbnQ9XCJ2ZXJ0aWNhbFwiXG4gICAgICAgICBjbGFzcz1cInZlcnRpY2FsXCJcbiAgICAgICAgIFtjbGFzcy5pbnZlcnRlZF09XCJpbnZlcnRlZFwiXG4gICAgICAgICBbbmdNb2RlbF09XCJpbmRleFwiXG4gICAgICAgICAobmdNb2RlbENoYW5nZSk9XCJvbkNoYW5nZSh0aGlzLmRhdGFbcmFuZ2VyVmVyLnZhbHVlXS52YWx1ZSk7XCJcbiAgICAgICAgIFttaW5dPVwiMFwiXG4gICAgICAgICBbbWF4XT1cImRhdGEubGVuZ3RoIC0gMVwiXG4gICAgICAgICBbc3RlcF09XCIxXCJcbiAgICAgICAgIChpbnB1dCk9XCJwcm9ncmVzc1NjcmlwdCgpXCJcbiAgICAgICAgIChwb2ludGVyZG93bik9XCJ0b29sdGlwQm94VmlzaWJsZSA9IHRydWVcIlxuICAgICAgICAgKHBvaW50ZXJ1cCk9XCJ0b29sdGlwQm94VmlzaWJsZSA9IGZhbHNlXCJcbiAgPlxuXG4gIDxkaXYgY2xhc3M9XCJ0aWNrcyB2ZXJ0aWNhbFwiPlxuICAgIDxkaXYgI3Rvb2x0aXAgY2xhc3M9XCJ0b29sdGlwLXNsaWRlclwiIFtzdHlsZS5vcGFjaXR5XT1cInRvb2x0aXBCb3hWaXNpYmxlICYmIHNob3dUb29sdGlwID8gJzEwMCUnIDogJzAlJ1wiPjwvZGl2PlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IHRpY2sgb2YgJGFueShkYXRhKTsgaW5kZXggYXMgaTsgY291bnQgYXMgY1wiXG4gICAgICAgICBjbGFzcz1cInRpY2tcIlxuICAgICAgICAgW2NsYXNzLmhpZGUtdGlja109XCIhKCFpbnZlcnRlZCA/IGRhdGFbaV0gOiBkYXRhW2MtaS0xXSkubGFiZWxcIlxuICAgICAgICAgPlxuICAgICAgPHNwYW4+PC9zcGFuPlxuICAgICAgPGRpdiBjbGFzcz1cImxhYmVsXCIgW2NsYXNzLnNob3ctZGVzY109XCJzaG93RGVzY3JpcHRpb25cIlxuICAgICAgICAgICAoY2xpY2spPVwidmFsdWUgPSAoIWludmVydGVkID8gZGF0YVtpXSA6IGRhdGFbYy1pLTFdKS52YWx1ZTsgb25DaGFuZ2UoKCFpbnZlcnRlZCA/IGRhdGFbaV0gOiBkYXRhW2MtaS0xXSkudmFsdWUpXCI+XG4gICAgICAgIDxzcGFuPlxuICAgICAgICAgIHt7KCFpbnZlcnRlZCA/IGRhdGFbaV0gOiBkYXRhW2MtaS0xXSkubGFiZWx9fVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiZGVzY3JpcHRpb25cIiAqbmdJZj1cInNob3dEZXNjcmlwdGlvblwiPlxuICAgICAgICAgIHt7KCFpbnZlcnRlZCA/IGRhdGFbaV0gOiBkYXRhW2MtaS0xXSkuZGVzY3JpcHRpb259fVxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxiaWl0LXRvb2x0aXAtaWNvbiAqbmdJZj1cIighaW52ZXJ0ZWQgPyBkYXRhW2ldIDogZGF0YVtjLWktMV0pLmRlc2NyaXB0aW9uICYmICFzaG93RGVzY3JpcHRpb25cIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW3RleHRdPVwiKCFpbnZlcnRlZCA/IGRhdGFbaV0gOiBkYXRhW2MtaS0xXSkuZGVzY3JpcHRpb25cIlxuICAgICAgICA+PC9iaWl0LXRvb2x0aXAtaWNvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlpdC1zbGlkZXItb3B0aW9uLXZlcnRpY2FsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dpemFyZHJ5LXRoZW1lL2lucHV0cy9zcmMvYmlpdC1zbGlkZXItb3B0aW9uLXZlcnRpY2FsL2JpaXQtc2xpZGVyLW9wdGlvbi12ZXJ0aWNhbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93aXphcmRyeS10aGVtZS9pbnB1dHMvc3JjL2JpaXQtc2xpZGVyLW9wdGlvbi12ZXJ0aWNhbC9iaWl0LXNsaWRlci1vcHRpb24tdmVydGljYWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUdMLFNBQVMsRUFFVCxVQUFVLEVBQ1YsS0FBSyxFQUVMLFNBQVMsRUFDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQXVCLGlCQUFpQixFQUFDLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBY3ZFLE1BQU0sT0FBTyxpQ0FBaUM7SUFNNUMsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3pELENBQUM7SUFTRCxZQUFvQixLQUF3QjtRQUF4QixVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQWZuQyxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLG9CQUFlLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLGdCQUFXLEdBQVksSUFBSSxDQUFDO1FBTzNCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsc0JBQWlCLEdBQVksS0FBSyxDQUFDO1FBUTdDLGFBQVEsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFO1FBQ3RCLENBQUMsQ0FBQztRQUNGLFlBQU8sR0FBRyxHQUFHLEVBQUU7UUFDZixDQUFDLENB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c0JBQW5CLEtBQUs7Z0JBVWtCLE1BQU07c0JBQTdCLFNBQVM7dUJBQUMsV0FBVztnQkFDQSxPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdDaGVja2VkLFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBmb3J3YXJkUmVmLFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBWaWV3Q2hpbGRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JpaXQtc2xpZGVyLW9wdGlvbi12ZXJ0aWNhbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9iaWl0LXNsaWRlci1vcHRpb24tdmVydGljYWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iaWl0LXNsaWRlci1vcHRpb24tdmVydGljYWwuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBCaWl0U2xpZGVyT3B0aW9uVmVydGljYWxDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQmlpdFNsaWRlck9wdGlvblZlcnRpY2FsQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEFmdGVyVmlld0NoZWNrZWQsIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGRhdGE6IHsgdmFsdWU6IHN0cmluZyB8IG51bWJlciwgbGFiZWw6IHN0cmluZywgZGVzY3JpcHRpb246IHN0cmluZyB9W107XG4gIEBJbnB1dCgpIGludmVydGVkID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNob3dEZXNjcmlwdGlvbiA9IHRydWU7XG4gIEBJbnB1dCgpIHNob3dUb29sdGlwOiBib29sZWFuID0gdHJ1ZTtcblxuICBnZXQgaW5kZXgoKSB7XG4gICAgcmV0dXJuIHRoaXMuZGF0YS5maW5kSW5kZXgoaSA9PiBpLnZhbHVlID09IHRoaXMudmFsdWUpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHZhbHVlOiBzdHJpbmcgfCBudW1iZXI7XG4gIHByb3RlY3RlZCBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcm90ZWN0ZWQgdG9vbHRpcEJveFZpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdyYW5nZXJWZXInKSBzbGlkZXI6IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoJ3Rvb2x0aXAnKSB0b29sdGlwOiBFbGVtZW50UmVmO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gIH1cblxuICBvbkNoYW5nZSA9IChfOiBhbnkpID0+IHtcbiAgfTtcbiAgb25Ub3VjaCA9ICgpID0+IHtcbiAgfTtcblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nIHwgbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gIH1cblxuICBuZ0FmdGVyVmlld0NoZWNrZWQoKSB7XG4gICAgdGhpcy5wcm9ncmVzc1NjcmlwdCgpO1xuICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgcHJvZ3Jlc3NTY3JpcHQoKSB7XG4gICAgY29uc3Qgc2xpZGVyID0gdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCB0b29sdGlwID0gdGhpcy50b29sdGlwLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICBjb25zdCBwcm9ncmVzcyA9ICgoc2xpZGVyLnZhbHVlIC0gc2xpZGVyLm1pbikgKiAxMDApIC8gKHNsaWRlci5tYXggLSBzbGlkZXIubWluKTtcblxuICAgIC8vIFNldCBzbGlkZXIgYmFyIGJhY2tncm91bmQgY29sb3JzIGFjY29yZGluZyB0byBwcm9ncmVzc1xuICAgIGlmICghdGhpcy5pbnZlcnRlZCkge1xuICAgICAgdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudC5zdHlsZS5iYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byB0b3AsIHZhcigtLW1haW4tY29sb3IpICR7cHJvZ3Jlc3N9JSwgI0Q3RDdENyAke3Byb2dyZXNzfSUpYDtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zbGlkZXIubmF0aXZlRWxlbWVudC5zdHlsZS5iYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byBib3R0b20sIHZhcigtLW1haW4tY29sb3IpICR7cHJvZ3Jlc3N9JSwgI0Q3RDdENyAke3Byb2dyZXNzfSUpYDtcbiAgICB9XG5cbiAgICAvLyBTZXQgdG9vbHRpcCB0ZXh0XG4gICAgdG9vbHRpcC5pbm5lckhUTUwgPSBgPHNwYW4+JHt0aGlzLmRhdGFbc2xpZGVyLnZhbHVlXS52YWx1ZX08L3NwYW4+YDtcblxuICAgIC8vIFNldCBzbGlkZXIgdG9vbHRpcCBwb3NpdGlvblxuICAgIGNvbnN0IHRvb2x0aXBQb3NpdGlvbiA9ICgtcGFyc2VGbG9hdChnZXRDb21wdXRlZFN0eWxlKGRvY3VtZW50LmRvY3VtZW50RWxlbWVudCkuZm9udFNpemUpICogMC41KSAtIChwcm9ncmVzcyAqIDAuMTYpO1xuICAgIHRvb2x0aXAuZmlyc3RDaGlsZC5zdHlsZS5sZWZ0ID0gJ2NhbGMoLTZweCArIC01MCUpJztcblxuICAgIGlmICghdGhpcy5pbnZlcnRlZCkge1xuICAgICAgdG9vbHRpcC5zdHlsZS5ib3R0b20gPSBgY2FsYygke3Byb2dyZXNzfSUgKyAoJHt0b29sdGlwUG9zaXRpb259cHgpICsgMnJlbSlgO1xuICAgIH0gZWxzZSB7XG4gICAgICB0b29sdGlwLnN0eWxlLnRvcCA9IGBjYWxjKCR7cHJvZ3Jlc3N9JSArICgke3Rvb2x0aXBQb3NpdGlvbn1weCkgLSAxLjVyZW0pYDtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzbGlkZXItdmVydGljYWxcIj5cbiAgPGlucHV0ICNyYW5nZXJWZXIgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgIG9yaWVudD1cInZlcnRpY2FsXCJcbiAgICAgICAgIGNsYXNzPVwidmVydGljYWxcIlxuICAgICAgICAgW2NsYXNzLmludmVydGVkXT1cImludmVydGVkXCJcbiAgICAgICAgIFtuZ01vZGVsXT1cImluZGV4XCJcbiAgICAgICAgIChuZ01vZGVsQ2hhbmdlKT1cIm9uQ2hhbmdlKHRoaXMuZGF0YVtyYW5nZXJWZXIudmFsdWVdLnZhbHVlKTtcIlxuICAgICAgICAgW21pbl09XCIwXCJcbiAgICAgICAgIFttYXhdPVwiZGF0YS5sZW5ndGggLSAxXCJcbiAgICAgICAgIFtzdGVwXT1cIjFcIlxuICAgICAgICAgKGlucHV0KT1cInByb2dyZXNzU2NyaXB0KClcIlxuICAgICAgICAgKHBvaW50ZXJkb3duKT1cInRvb2x0aXBCb3hWaXNpYmxlID0gdHJ1ZVwiXG4gICAgICAgICAocG9pbnRlcnVwKT1cInRvb2x0aXBCb3hWaXNpYmxlID0gZmFsc2VcIlxuICA+XG5cbiAgPGRpdiBjbGFzcz1cInRpY2tzIHZlcnRpY2FsXCI+XG4gICAgPGRpdiAjdG9vbHRpcCBjbGFzcz1cInRvb2x0aXAtc2xpZGVyXCIgW3N0eWxlLm9wYWNpdHldPVwidG9vbHRpcEJveFZpc2libGUgJiYgc2hvd1Rvb2x0aXAgPyAnMTAwJScgOiAnMCUnXCI+PC9kaXY+XG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgdGljayBvZiAkYW55KGRhdGEpOyBpbmRleCBhcyBpOyBjb3VudCBhcyBjXCJcbiAgICAgICAgIGNsYXNzPVwidGlja1wiXG4gICAgICAgICBbY2xhc3MuaGlkZS10aWNrXT1cIiEoIWludmVydGVkID8gZGF0YVtpXSA6IGRhdGFbYy1pLTFdKS5sYWJlbFwiXG4gICAgICAgICA+XG4gICAgICA8c3Bhbj48L3NwYW4+XG4gICAgICA8ZGl2IGNsYXNzPVwibGFiZWxcIiBbY2xhc3Muc2hvdy1kZXNjXT1cInNob3dEZXNjcmlwdGlvblwiXG4gICAgICAgICAgIChjbGljayk9XCJ2YWx1ZSA9ICghaW52ZXJ0ZWQgPyBkYXRhW2ldIDogZGF0YVtjLWktMV0pLnZhbHVlOyBvbkNoYW5nZSgoIWludmVydGVkID8gZGF0YVtpXSA6IGRhdGFbYy1pLTFdKS52YWx1ZSlcIj5cbiAgICAgICAgPHNwYW4+XG4gICAgICAgICAge3soIWludmVydGVkID8gZGF0YVtpXSA6IGRhdGFbYy1pLTFdKS5sYWJlbH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJkZXNjcmlwdGlvblwiICpuZ0lmPVwic2hvd0Rlc2NyaXB0aW9uXCI+XG4gICAgICAgICAge3soIWludmVydGVkID8gZGF0YVtpXSA6IGRhdGFbYy1pLTFdKS5kZXNjcmlwdGlvbn19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPGJpaXQtdG9vbHRpcC1pY29uICpuZ0lmPVwiKCFpbnZlcnRlZCA/IGRhdGFbaV0gOiBkYXRhW2MtaS0xXSkuZGVzY3JpcHRpb24gJiYgIXNob3dEZXNjcmlwdGlvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICBbdGV4dF09XCIoIWludmVydGVkID8gZGF0YVtpXSA6IGRhdGFbYy1pLTFdKS5kZXNjcmlwdGlvblwiXG4gICAgICAgID48L2JpaXQtdG9vbHRpcC1pY29uPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/inputs/biit-slider-range/biit-slider-range.component.mjs CHANGED Viewed

@@ -52,7 +52,7 @@ export class BiitSliderRangeComponent {
         const progress1 = ((slider1.value - this.min) * 100) / (this.max - this.min);
         const progress2 = ((slider2.value - this.min) * 100) / (this.max - this.min);
         // Set slider bar background colors according to progress
-        this.slider1.nativeElement.style.background = `linear-gradient(to right, #D7D7D7 ${progress1}%, #F20D5E ${progress1}%, #F20D5E ${progress2}%, #D7D7D7 ${progress2}%)`;
+        this.slider1.nativeElement.style.background = `linear-gradient(to right, #D7D7D7 ${progress1}%, var(--main-color) ${progress1}%, var(--main-color) ${progress2}%, #D7D7D7 ${progress2}%)`;
         // Set slider tooltip position
         if (activeSlider == 'ranger1') {
             const tooltipPosition = (parseFloat(getComputedStyle(document.documentElement).fontSize) * 0.15) - (progress1 * 0.2);
@@ -73,7 +73,7 @@ BiitSliderRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
             useExisting: forwardRef(() => BiitSliderRangeComponent),
             multi: true
         }
-    ], viewQueries: [{ propertyName: "slider1", first: true, predicate: ["ranger1"], descendants: true }, { propertyName: "slider2", first: true, predicate: ["ranger2"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: "<div class=\"slider\">\n  <input #ranger1 type=\"range\"\n         [(ngModel)]=\"value[0]\"\n         (ngModelChange)=\"onChange(value);\"\n         [min]=\"min\"\n         [max]=\"max\"\n         [step]=\"step\"\n         (input)=\"checkValues('ranger1'); progressScript('ranger1')\"\n         (pointerdown)=\"progressScript('ranger1'); showTooltip = true\"\n         (pointerup)=\"showTooltip = false\"\n  >\n  <input #ranger2 type=\"range\"\n         [(ngModel)]=\"value[1]\"\n         (ngModelChange)=\"onChange(value);\"\n         [min]=\"min\"\n         [max]=\"max\"\n         [step]=\"step\"\n         (input)=\"checkValues('ranger2'); progressScript('ranger2')\"\n         (pointerdown)=\"progressScript('ranger2'); showTooltip = true\"\n         (pointerup)=\"showTooltip = false\"\n  >\n  <div #tooltip class=\"tooltip\" [style.opacity]=\"showTooltip ? '100%' : '0%'\"></div>\n  <div class=\"ticks\">\n    <span *ngFor=\"let tick of [].constructor(ticks); index as i\"\n          [class.no-labels]=\"!labels.length\">\n      {{labels[i]}}\n    </span>\n  </div>\n</div>\n", styles: [".slider{position:relative;flex:1}input[type=range]{font-size:1em;appearance:none;cursor:pointer;border:none;outline:none;width:100%;height:.3em;background:var(--light-background);pointer-events:none;margin-left:0}input[type=range]:nth-child(2){position:absolute;left:0;top:.45em;background:transparent}input[type=range]:nth-child(2)::-webkit-slider-thumb{margin-top:.2em}input[type=range]::-webkit-slider-thumb{pointer-events:auto;appearance:none;box-sizing:border-box;height:.9em;width:.9em;background-color:var(--light-background);border:.3em solid var(--component-color);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{background-color:var(--main-color)}input[type=range]:active::-webkit-slider-thumb{background-color:var(--main-color)}input[type=range]:focus::-webkit-slider-thumb{background-color:var(--main-color)}input[type=range]::-moz-range-thumb{pointer-events:auto;appearance:none;box-sizing:border-box;height:.9em;width:.9em;background-color:var(--light-background);border:.3em solid var(--component-color);border-radius:0;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-moz-range-thumb:hover{background-color:var(--main-color)}input[type=range]:active::-moz-range-thumb{background-color:var(--main-color)}input[type=range]:focus::-moz-range-thumb{background-color:var(--main-color)}.ticks{display:flex;justify-content:space-between;margin-top:.25em}.ticks span{display:flex;justify-content:center;width:.75em;height:1.85em;padding:0 .3em 1.3em;background-color:#262626;line-height:2.4em;white-space:nowrap;font-weight:500;box-sizing:border-box;background-clip:content-box;font-size:1em}.ticks span.no-labels{height:.85em;padding-bottom:.3em}.tooltip{position:absolute;top:-30%;transition:opacity .2s ease-in-out;pointer-events:none}.tooltip span{font-size:1em;background:white;padding:.2em;border:.05em solid #262626;height:.7em;display:block;line-height:.7em;position:relative;left:-15%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
+    ], viewQueries: [{ propertyName: "slider1", first: true, predicate: ["ranger1"], descendants: true }, { propertyName: "slider2", first: true, predicate: ["ranger2"], descendants: true }, { propertyName: "tooltip", first: true, predicate: ["tooltip"], descendants: true }], ngImport: i0, template: "<div class=\"slider\">\n  <input #ranger1 type=\"range\"\n         [(ngModel)]=\"value[0]\"\n         (ngModelChange)=\"onChange(value);\"\n         [min]=\"min\"\n         [max]=\"max\"\n         [step]=\"step\"\n         (input)=\"checkValues('ranger1'); progressScript('ranger1')\"\n         (pointerdown)=\"progressScript('ranger1'); showTooltip = true\"\n         (pointerup)=\"showTooltip = false\"\n  >\n  <input #ranger2 type=\"range\"\n         [(ngModel)]=\"value[1]\"\n         (ngModelChange)=\"onChange(value);\"\n         [min]=\"min\"\n         [max]=\"max\"\n         [step]=\"step\"\n         (input)=\"checkValues('ranger2'); progressScript('ranger2')\"\n         (pointerdown)=\"progressScript('ranger2'); showTooltip = true\"\n         (pointerup)=\"showTooltip = false\"\n  >\n  <div #tooltip class=\"tooltip\" [style.opacity]=\"showTooltip ? '100%' : '0%'\"></div>\n  <div class=\"ticks\">\n    <span *ngFor=\"let tick of [].constructor(ticks); index as i\"\n          [class.no-labels]=\"!labels.length\">\n      {{labels[i]}}\n    </span>\n  </div>\n</div>\n", styles: [".slider{position:relative;flex:1}input[type=range]{font-size:1em;appearance:none;cursor:pointer;border:none;outline:none;width:100%;height:.3em;background:var(--light-background);pointer-events:none;margin-left:0}input[type=range]:nth-child(2){position:absolute;left:0;top:.45em;background:transparent}input[type=range]:nth-child(2)::-webkit-slider-thumb{margin-top:.2em}input[type=range]::-webkit-slider-thumb{pointer-events:auto;appearance:none;box-sizing:border-box;height:.9em;width:.9em;background-color:var(--light-background);border:.3em solid var(--component-color);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{background-color:var(--main-color)}input[type=range]:active::-webkit-slider-thumb{background-color:var(--main-color)}input[type=range]:focus::-webkit-slider-thumb{background-color:var(--main-color)}input[type=range]::-moz-range-thumb{pointer-events:auto;appearance:none;box-sizing:border-box;height:.9em;width:.9em;background-color:var(--light-background);border:.3em solid var(--component-color);border-radius:0;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-moz-range-thumb:hover{background-color:var(--main-color)}input[type=range]:active::-moz-range-thumb{background-color:var(--main-color)}input[type=range]:focus::-moz-range-thumb{background-color:var(--main-color)}.ticks{display:flex;justify-content:space-between;margin-top:.25em}.ticks span{display:flex;justify-content:center;width:.75em;height:1.85em;padding:0 .3em 1.3em;background-color:var(--component-color);line-height:2.4em;white-space:nowrap;font-weight:500;box-sizing:border-box;background-clip:content-box;font-size:1em}.ticks span.no-labels{height:.85em;padding-bottom:.3em}.tooltip{position:absolute;top:-30%;transition:opacity .2s ease-in-out;pointer-events:none}.tooltip span{font-size:1em;background:white;padding:.2em;border:.05em solid var(--component-color);height:.7em;display:block;line-height:.7em;position:relative;left:-15%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitSliderRangeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'biit-slider-range', providers: [
@@ -82,7 +82,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => BiitSliderRangeComponent),
                             multi: true
                         }
-                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"slider\">\n  <input #ranger1 type=\"range\"\n         [(ngModel)]=\"value[0]\"\n         (ngModelChange)=\"onChange(value);\"\n         [min]=\"min\"\n         [max]=\"max\"\n         [step]=\"step\"\n         (input)=\"checkValues('ranger1'); progressScript('ranger1')\"\n         (pointerdown)=\"progressScript('ranger1'); showTooltip = true\"\n         (pointerup)=\"showTooltip = false\"\n  >\n  <input #ranger2 type=\"range\"\n         [(ngModel)]=\"value[1]\"\n         (ngModelChange)=\"onChange(value);\"\n         [min]=\"min\"\n         [max]=\"max\"\n         [step]=\"step\"\n         (input)=\"checkValues('ranger2'); progressScript('ranger2')\"\n         (pointerdown)=\"progressScript('ranger2'); showTooltip = true\"\n         (pointerup)=\"showTooltip = false\"\n  >\n  <div #tooltip class=\"tooltip\" [style.opacity]=\"showTooltip ? '100%' : '0%'\"></div>\n  <div class=\"ticks\">\n    <span *ngFor=\"let tick of [].constructor(ticks); index as i\"\n          [class.no-labels]=\"!labels.length\">\n      {{labels[i]}}\n    </span>\n  </div>\n</div>\n", styles: [".slider{position:relative;flex:1}input[type=range]{font-size:1em;appearance:none;cursor:pointer;border:none;outline:none;width:100%;height:.3em;background:var(--light-background);pointer-events:none;margin-left:0}input[type=range]:nth-child(2){position:absolute;left:0;top:.45em;background:transparent}input[type=range]:nth-child(2)::-webkit-slider-thumb{margin-top:.2em}input[type=range]::-webkit-slider-thumb{pointer-events:auto;appearance:none;box-sizing:border-box;height:.9em;width:.9em;background-color:var(--light-background);border:.3em solid var(--component-color);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{background-color:var(--main-color)}input[type=range]:active::-webkit-slider-thumb{background-color:var(--main-color)}input[type=range]:focus::-webkit-slider-thumb{background-color:var(--main-color)}input[type=range]::-moz-range-thumb{pointer-events:auto;appearance:none;box-sizing:border-box;height:.9em;width:.9em;background-color:var(--light-background);border:.3em solid var(--component-color);border-radius:0;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-moz-range-thumb:hover{background-color:var(--main-color)}input[type=range]:active::-moz-range-thumb{background-color:var(--main-color)}input[type=range]:focus::-moz-range-thumb{background-color:var(--main-color)}.ticks{display:flex;justify-content:space-between;margin-top:.25em}.ticks span{display:flex;justify-content:center;width:.75em;height:1.85em;padding:0 .3em 1.3em;background-color:#262626;line-height:2.4em;white-space:nowrap;font-weight:500;box-sizing:border-box;background-clip:content-box;font-size:1em}.ticks span.no-labels{height:.85em;padding-bottom:.3em}.tooltip{position:absolute;top:-30%;transition:opacity .2s ease-in-out;pointer-events:none}.tooltip span{font-size:1em;background:white;padding:.2em;border:.05em solid #262626;height:.7em;display:block;line-height:.7em;position:relative;left:-15%}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<div class=\"slider\">\n  <input #ranger1 type=\"range\"\n         [(ngModel)]=\"value[0]\"\n         (ngModelChange)=\"onChange(value);\"\n         [min]=\"min\"\n         [max]=\"max\"\n         [step]=\"step\"\n         (input)=\"checkValues('ranger1'); progressScript('ranger1')\"\n         (pointerdown)=\"progressScript('ranger1'); showTooltip = true\"\n         (pointerup)=\"showTooltip = false\"\n  >\n  <input #ranger2 type=\"range\"\n         [(ngModel)]=\"value[1]\"\n         (ngModelChange)=\"onChange(value);\"\n         [min]=\"min\"\n         [max]=\"max\"\n         [step]=\"step\"\n         (input)=\"checkValues('ranger2'); progressScript('ranger2')\"\n         (pointerdown)=\"progressScript('ranger2'); showTooltip = true\"\n         (pointerup)=\"showTooltip = false\"\n  >\n  <div #tooltip class=\"tooltip\" [style.opacity]=\"showTooltip ? '100%' : '0%'\"></div>\n  <div class=\"ticks\">\n    <span *ngFor=\"let tick of [].constructor(ticks); index as i\"\n          [class.no-labels]=\"!labels.length\">\n      {{labels[i]}}\n    </span>\n  </div>\n</div>\n", styles: [".slider{position:relative;flex:1}input[type=range]{font-size:1em;appearance:none;cursor:pointer;border:none;outline:none;width:100%;height:.3em;background:var(--light-background);pointer-events:none;margin-left:0}input[type=range]:nth-child(2){position:absolute;left:0;top:.45em;background:transparent}input[type=range]:nth-child(2)::-webkit-slider-thumb{margin-top:.2em}input[type=range]::-webkit-slider-thumb{pointer-events:auto;appearance:none;box-sizing:border-box;height:.9em;width:.9em;background-color:var(--light-background);border:.3em solid var(--component-color);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{background-color:var(--main-color)}input[type=range]:active::-webkit-slider-thumb{background-color:var(--main-color)}input[type=range]:focus::-webkit-slider-thumb{background-color:var(--main-color)}input[type=range]::-moz-range-thumb{pointer-events:auto;appearance:none;box-sizing:border-box;height:.9em;width:.9em;background-color:var(--light-background);border:.3em solid var(--component-color);border-radius:0;-moz-transition:.2s ease-in-out;transition:.2s ease-in-out}input[type=range]::-moz-range-thumb:hover{background-color:var(--main-color)}input[type=range]:active::-moz-range-thumb{background-color:var(--main-color)}input[type=range]:focus::-moz-range-thumb{background-color:var(--main-color)}.ticks{display:flex;justify-content:space-between;margin-top:.25em}.ticks span{display:flex;justify-content:center;width:.75em;height:1.85em;padding:0 .3em 1.3em;background-color:var(--component-color);line-height:2.4em;white-space:nowrap;font-weight:500;box-sizing:border-box;background-clip:content-box;font-size:1em}.ticks span.no-labels{height:.85em;padding-bottom:.3em}.tooltip{position:absolute;top:-30%;transition:opacity .2s ease-in-out;pointer-events:none}.tooltip span{font-size:1em;background:white;padding:.2em;border:.05em solid var(--component-color);height:.7em;display:block;line-height:.7em;position:relative;left:-15%}\n"] }]
         }], propDecorators: { min: [{
                 type: Input
             }], max: [{
@@ -105,4 +105,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: ViewChild,
                 args: ['tooltip']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlpdC1zbGlkZXItcmFuZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2l6YXJkcnktdGhlbWUvaW5wdXRzL3NyYy9iaWl0LXNsaWRlci1yYW5nZS9iaWl0LXNsaWRlci1yYW5nZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93aXphcmRyeS10aGVtZS9pbnB1dHMvc3JjL2JpaXQtc2xpZGVyLXJhbmdlL2JpaXQtc2xpZGVyLXJhbmdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBbUIsU0FBUyxFQUFjLFVBQVUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZILE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQWV2RSxNQUFNLE9BQU8sd0JBQXdCO0lBYnJDO1FBZ0JXLFNBQUksR0FBVyxDQUFDLENBQUM7UUFDakIsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUV0QixXQUFNLEdBQWEsRUFBRSxDQUFDO1FBR3JCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFNdkMsYUFBUSxHQUFHLENBQUMsQ0FBTSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDMUIsWUFBTyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztLQWdFcEI7SUE5REMsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFD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QkFDYyxpQkFBaUIsQ0FBQyxJQUFJOzhCQUc1QixHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBTWdCLE9BQU87c0JBQTVCLFNBQVM7dUJBQUMsU0FBUztnQkFDRSxPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVM7Z0JBQ0UsT0FBTztzQkFBNUIsU0FBUzt1QkFBQyxTQUFTIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdDaGVja2VkLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsIElucHV0LCBWaWV3Q2hpbGQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYmlpdC1zbGlkZXItcmFuZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmlpdC1zbGlkZXItcmFuZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9iaWl0LXNsaWRlci1yYW5nZS5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEJpaXRTbGlkZXJSYW5nZUNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZVxuICAgIH1cbiAgXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBCaWl0U2xpZGVyUmFuZ2VDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgQWZ0ZXJWaWV3Q2hlY2tlZCB7XG4gIEBJbnB1dCgpIG1pbjogbnVtYmVyO1xuICBASW5wdXQoKSBtYXg6IG51bWJlcjtcbiAgQElucHV0KCkgc3RlcDogbnVtYmVyID0gMTtcbiAgQElucHV0KCkgc2VwYXJhdG9yOiBudW1iZXIgPSAxO1xuICBASW5wdXQoKSB0aWNrczogbnVtYmVyO1xuICBASW5wdXQoKSBsYWJlbHM6IHN0cmluZ1tdID0gW107XG5cbiAgcHJvdGVjdGVkIHZhbHVlOiBudW1iZXJbXTtcbiAgcHJvdGVjdGVkIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIHByb3RlY3RlZCBzaG93VG9vbHRpcDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIEBWaWV3Q2hpbGQoJ3JhbmdlcjEnKSBzbGlkZXIxOiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCdyYW5nZXIyJykgc2xpZGVyMjogRWxlbWVudFJlZjtcbiAgQFZpZXdDaGlsZCgndG9vbHRpcCcpIHRvb2x0aXA6IEVsZW1lbnRSZWY7XG5cbiAgb25DaGFuZ2UgPSAoXzogYW55KSA9PiB7fTtcbiAgb25Ub3VjaCA9ICgpID0+IHt9O1xuXG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcbiAgfVxuXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uVG91Y2ggPSBmbjtcbiAgfVxuXG4gIHNldERpc2FibGVkU3RhdGUoZGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBudW1iZXJbXSk6IHZvaWQge1xuICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3Q2hlY2tlZCgpIHtcbiAgICB0aGlzLnByb2dyZXNzU2NyaXB0KCk7XG4gIH1cblxuICBjaGVja1ZhbHVlcyhhY3RpdmVTbGlkZXI/OiBzdHJpbmcpIHtcbiAgICBjb25zdCBzbGlkZXIxID0gdGhpcy5zbGlkZXIxLm5hdGl2ZUVsZW1lbnQ7XG4gICAgY29uc3Qgc2xpZGVyMiA9IHRoaXMuc2xpZGVyMi5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IHNsaWRlcjFzdGVwcyA9IChzbGlkZXIxLnZhbHVlIC0gdGhpcy5taW4pIC8gdGhpcy5zdGVwO1xuICAgIGNvbnN0IHNsaWRlcjJzdGVwcyA9IChzbGlkZXIyLnZhbHVlIC0gdGhpcy5taW4pIC8gdGhpcy5zdGVwO1xuICAgIGNvbnN0IHNlcGFyYXRvclN0ZXBzID0gTWF0aC5jZWlsKHRoaXMuc2VwYXJhdG9yIC8gdGhpcy5zdGVwKTtcblxuICAgIGlmIChhY3RpdmVTbGlkZXIgPT0gJ3JhbmdlcjEnICYmXG4gICAgICBzbGlkZXIxLnZhbHVlID4gdGhpcy5taW4gKyAoc2xpZGVyMnN0ZXBzIC0gc2VwYXJhdG9yU3RlcHMpICogdGhpcy5zdGVwKSB7XG4gICAgICBzbGlkZXIxLnZhbHVlID0gdGhpcy5taW4gKyAoc2xpZGVyMnN0ZXBzIC0gc2VwYXJhdG9yU3RlcHMpICogdGhpcy5zdGVwO1xuICAgICAgdGhpcy52YWx1ZVswXSA9IHRoaXMubWluICsgKHNsaWRlcjJzdGVwcyAtIHNlcGFyYXRvclN0ZXBzKSAqIHRoaXMuc3RlcDtcbiAgICB9XG5cbiAgICBpZiAoYWN0aXZlU2xpZGVyID09ICdyYW5nZXIyJyAmJlxuICAgICAgc2xpZGVyMi52YWx1ZSA8IHRoaXMubWluICsgKHNsaWRlcjFzdGVwcyArIHNlcGFyYXRvclN0ZXBzKSAqIHRoaXMuc3RlcCkge1xuICAgICAgc2xpZGVyMi52YWx1ZSA9IHRoaXMubWluICsgKHNsaWRlcjFzdGVwcyArIHNlcGFyYXRvclN0ZXBzKSAqIHRoaXMuc3RlcDtcbiAgICAgIHRoaXMudmFsdWVbMV0gPSB0aGlzLm1pbiArIChzbGlkZXIxc3RlcHMgKyBzZXBhcmF0b3JTdGVwcykgKiB0aGlzLnN0ZXA7XG4gICAgfVxuICB9XG5cbiAgcHJvZ3Jlc3NTY3JpcHQoYWN0aXZlU2xpZGVyPzogc3RyaW5nKSB7XG4gICAgY29uc3Qgc2xpZGVyMSA9IHRoaXMuc2xpZGVyMS5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IHNsaWRlcjIgPSB0aGlzLnNsaWRlcjIubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCB0b29sdGlwID0gdGhpcy50b29sdGlwLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICBjb25zdCBwcm9ncmVzczEgPSAoKHNsaWRlcjEudmFsdWUgLSB0aGlzLm1pbikgKiAxMDApIC8gKHRoaXMubWF4IC0gdGhpcy5taW4pO1xuICAgIGNvbnN0IHByb2dyZXNzMiA9ICgoc2xpZGVyMi52YWx1ZSAtIHRoaXMubWluKSAqIDEwMCkgLyAodGhpcy5tYXggLSB0aGlzLm1pbik7XG5cbiAgICAvLyBTZXQgc2xpZGVyIGJhciBiYWNrZ3JvdW5kIGNvbG9ycyBhY2NvcmRpbmcgdG8gcHJvZ3Jlc3NcbiAgICB0aGlzLnNsaWRlcjEubmF0aXZlRWxlbWVudC5zdHlsZS5iYWNrZ3JvdW5kID0gYGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI0Q3RDdENyAke3Byb2dyZXNzMX0lLCAjRjIwRDVFICR7cHJvZ3Jlc3MxfSUsICNGMjBENUUgJHtwcm9ncmVzczJ9JSwgI0Q3RDdENyAke3Byb2dyZXNzMn0lKWA7XG5cbiAgICAvLyBTZXQgc2xpZGVyIHRvb2x0aXAgcG9zaXRpb25cbiAgICBpZiAoYWN0aXZlU2xpZGVyID09ICdyYW5nZXIxJykge1xuICAgICAgY29uc3QgdG9vbHRpcFBvc2l0aW9uID0gKHBhcnNlRmxvYXQoZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmZvbnRTaXplKSAqIDAuMTUpIC0gKHByb2dyZXNzMSAqIDAuMik7XG4gICAgICB0b29sdGlwLmlubmVySFRNTCA9IGA8c3Bhbj4ke3NsaWRlcjEudmFsdWV9PC9zcGFuPmA7XG4gICAgICB0b29sdGlwLnN0eWxlLmxlZnQgPSBgY2FsYygke3Byb2dyZXNzMX0lICsgKCR7dG9vbHRpcFBvc2l0aW9ufXB4KSlgO1xuICAgIH0gZWxzZSBpZiAoYWN0aXZlU2xpZGVyID09ICdyYW5nZXIyJykge1xuICAgICAgY29uc3QgdG9vbHRpcFBvc2l0aW9uID0gKHBhcnNlRmxvYXQoZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmZvbnRTaXplKSAqIDAuMTUpIC0gKHByb2dyZXNzMiAqIDAuMik7XG4gICAgICB0b29sdGlwLmlubmVySFRNTCA9IGA8c3Bhbj4ke3NsaWRlcjIudmFsdWV9PC9zcGFuPmA7XG4gICAgICB0b29sdGlwLnN0eWxlLmxlZnQgPSBgY2FsYygke3Byb2dyZXNzMn0lICsgKCR7dG9vbHRpcFBvc2l0aW9ufXB4KSlgO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNsaWRlclwiPlxuICA8aW5wdXQgI3JhbmdlcjEgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVbMF1cIlxuICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25DaGFuZ2UodmFsdWUpO1wiXG4gICAgICAgICBbbWluXT1cIm1pblwiXG4gICAgICAgICBbbWF4XT1cIm1heFwiXG4gICAgICAgICBbc3RlcF09XCJzdGVwXCJcbiAgICAgICAgIChpbnB1dCk9XCJjaGVja1ZhbHVlcygncmFuZ2VyMScpOyBwcm9ncmVzc1NjcmlwdCgncmFuZ2VyMScpXCJcbiAgICAgICAgIChwb2ludGVyZG93bik9XCJwcm9ncmVzc1NjcmlwdCgncmFuZ2VyMScpOyBzaG93VG9vbHRpcCA9IHRydWVcIlxuICAgICAgICAgKHBvaW50ZXJ1cCk9XCJzaG93VG9vbHRpcCA9IGZhbHNlXCJcbiAgPlxuICA8aW5wdXQgI3JhbmdlcjIgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVbMV1cIlxuICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25DaGFuZ2UodmFsdWUpO1wiXG4gICAgICAgICBbbWluXT1cIm1pblwiXG4gICAgICAgICBbbWF4XT1cIm1heFwiXG4gICAgICAgICBbc3RlcF09XCJzdGVwXCJcbiAgICAgICAgIChpbnB1dCk9XCJjaGVja1ZhbHVlcygncmFuZ2VyMicpOyBwcm9ncmVzc1NjcmlwdCgncmFuZ2VyMicpXCJcbiAgICAgICAgIChwb2ludGVyZG93bik9XCJwcm9ncmVzc1NjcmlwdCgncmFuZ2VyMicpOyBzaG93VG9vbHRpcCA9IHRydWVcIlxuICAgICAgICAgKHBvaW50ZXJ1cCk9XCJzaG93VG9vbHRpcCA9IGZhbHNlXCJcbiAgPlxuICA8ZGl2ICN0b29sdGlwIGNsYXNzPVwidG9vbHRpcFwiIFtzdHlsZS5vcGFjaXR5XT1cInNob3dUb29sdGlwID8gJzEwMCUnIDogJzAlJ1wiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwidGlja3NcIj5cbiAgICA8c3BhbiAqbmdGb3I9XCJsZXQgdGljayBvZiBbXS5jb25zdHJ1Y3Rvcih0aWNrcyk7IGluZGV4IGFzIGlcIlxuICAgICAgICAgIFtjbGFzcy5uby1sYWJlbHNdPVwiIWxhYmVscy5sZW5ndGhcIj5cbiAgICAgIHt7bGFiZWxzW2ldfX1cbiAgICA8L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlpdC1zbGlkZXItcmFuZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2l6YXJkcnktdGhlbWUvaW5wdXRzL3NyYy9iaWl0LXNsaWRlci1yYW5nZS9iaWl0LXNsaWRlci1yYW5nZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93aXphcmRyeS10aGVtZS9pbnB1dHMvc3JjL2JpaXQtc2xpZGVyLXJhbmdlL2JpaXQtc2xpZGVyLXJhbmdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBbUIsU0FBUyxFQUFjLFVBQVUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZILE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQzs7OztBQWV2RSxNQUFNLE9BQU8sd0JBQXdCO0lBYnJDO1FBZ0JXLFNBQUksR0FBVyxDQUFDLENBQUM7UUFDakIsY0FBUyxHQUFXLENBQUMsQ0FBQztRQUV0QixXQUFNLEdBQWEsRUFBRSxDQUFDO1FBR3JCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsZ0JBQVcsR0FBWSxLQUFLLENBQUM7UUFNdkMsYUFBUSxHQUFHLENBQUMsQ0FBTSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDMUIsWUFBTyxHQUFHLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztLQWdFcEI7SUE5REMsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFD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Q0YsaUJBQ2MsaUJBQWlCLENBQUMsSUFBSTs4QkFHNUIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQU1nQixPQUFPO3NCQUE1QixTQUFTO3VCQUFDLFNBQVM7Z0JBQ0UsT0FBTztzQkFBNUIsU0FBUzt1QkFBQyxTQUFTO2dCQUNFLE9BQU87c0JBQTVCLFNBQVM7dUJBQUMsU0FBUyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7QWZ0ZXJWaWV3Q2hlY2tlZCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBmb3J3YXJkUmVmLCBJbnB1dCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JpaXQtc2xpZGVyLXJhbmdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2JpaXQtc2xpZGVyLXJhbmdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYmlpdC1zbGlkZXItcmFuZ2UuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBCaWl0U2xpZGVyUmFuZ2VDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF0sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmVcbn0pXG5leHBvcnQgY2xhc3MgQmlpdFNsaWRlclJhbmdlQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEFmdGVyVmlld0NoZWNrZWQge1xuICBASW5wdXQoKSBtaW46IG51bWJlcjtcbiAgQElucHV0KCkgbWF4OiBudW1iZXI7XG4gIEBJbnB1dCgpIHN0ZXA6IG51bWJlciA9IDE7XG4gIEBJbnB1dCgpIHNlcGFyYXRvcjogbnVtYmVyID0gMTtcbiAgQElucHV0KCkgdGlja3M6IG51bWJlcjtcbiAgQElucHV0KCkgbGFiZWxzOiBzdHJpbmdbXSA9IFtdO1xuXG4gIHByb3RlY3RlZCB2YWx1ZTogbnVtYmVyW107XG4gIHByb3RlY3RlZCBkaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBwcm90ZWN0ZWQgc2hvd1Rvb2x0aXA6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdyYW5nZXIxJykgc2xpZGVyMTogRWxlbWVudFJlZjtcbiAgQFZpZXdDaGlsZCgncmFuZ2VyMicpIHNsaWRlcjI6IEVsZW1lbnRSZWY7XG4gIEBWaWV3Q2hpbGQoJ3Rvb2x0aXAnKSB0b29sdGlwOiBFbGVtZW50UmVmO1xuXG4gIG9uQ2hhbmdlID0gKF86IGFueSkgPT4ge307XG4gIG9uVG91Y2ggPSAoKSA9PiB7fTtcblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoID0gZm47XG4gIH1cblxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XG4gICAgdGhpcy5kaXNhYmxlZCA9IGRpc2FibGVkO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogbnVtYmVyW10pOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gIH1cblxuICBuZ0FmdGVyVmlld0NoZWNrZWQoKSB7XG4gICAgdGhpcy5wcm9ncmVzc1NjcmlwdCgpO1xuICB9XG5cbiAgY2hlY2tWYWx1ZXMoYWN0aXZlU2xpZGVyPzogc3RyaW5nKSB7XG4gICAgY29uc3Qgc2xpZGVyMSA9IHRoaXMuc2xpZGVyMS5uYXRpdmVFbGVtZW50O1xuICAgIGNvbnN0IHNsaWRlcjIgPSB0aGlzLnNsaWRlcjIubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBzbGlkZXIxc3RlcHMgPSAoc2xpZGVyMS52YWx1ZSAtIHRoaXMubWluKSAvIHRoaXMuc3RlcDtcbiAgICBjb25zdCBzbGlkZXIyc3RlcHMgPSAoc2xpZGVyMi52YWx1ZSAtIHRoaXMubWluKSAvIHRoaXMuc3RlcDtcbiAgICBjb25zdCBzZXBhcmF0b3JTdGVwcyA9IE1hdGguY2VpbCh0aGlzLnNlcGFyYXRvciAvIHRoaXMuc3RlcCk7XG5cbiAgICBpZiAoYWN0aXZlU2xpZGVyID09ICdyYW5nZXIxJyAmJlxuICAgICAgc2xpZGVyMS52YWx1ZSA+IHRoaXMubWluICsgKHNsaWRlcjJzdGVwcyAtIHNlcGFyYXRvclN0ZXBzKSAqIHRoaXMuc3RlcCkge1xuICAgICAgc2xpZGVyMS52YWx1ZSA9IHRoaXMubWluICsgKHNsaWRlcjJzdGVwcyAtIHNlcGFyYXRvclN0ZXBzKSAqIHRoaXMuc3RlcDtcbiAgICAgIHRoaXMudmFsdWVbMF0gPSB0aGlzLm1pbiArIChzbGlkZXIyc3RlcHMgLSBzZXBhcmF0b3JTdGVwcykgKiB0aGlzLnN0ZXA7XG4gICAgfVxuXG4gICAgaWYgKGFjdGl2ZVNsaWRlciA9PSAncmFuZ2VyMicgJiZcbiAgICAgIHNsaWRlcjIudmFsdWUgPCB0aGlzLm1pbiArIChzbGlkZXIxc3RlcHMgKyBzZXBhcmF0b3JTdGVwcykgKiB0aGlzLnN0ZXApIHtcbiAgICAgIHNsaWRlcjIudmFsdWUgPSB0aGlzLm1pbiArIChzbGlkZXIxc3RlcHMgKyBzZXBhcmF0b3JTdGVwcykgKiB0aGlzLnN0ZXA7XG4gICAgICB0aGlzLnZhbHVlWzFdID0gdGhpcy5taW4gKyAoc2xpZGVyMXN0ZXBzICsgc2VwYXJhdG9yU3RlcHMpICogdGhpcy5zdGVwO1xuICAgIH1cbiAgfVxuXG4gIHByb2dyZXNzU2NyaXB0KGFjdGl2ZVNsaWRlcj86IHN0cmluZykge1xuICAgIGNvbnN0IHNsaWRlcjEgPSB0aGlzLnNsaWRlcjEubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCBzbGlkZXIyID0gdGhpcy5zbGlkZXIyLm5hdGl2ZUVsZW1lbnQ7XG4gICAgY29uc3QgdG9vbHRpcCA9IHRoaXMudG9vbHRpcC5uYXRpdmVFbGVtZW50O1xuXG4gICAgY29uc3QgcHJvZ3Jlc3MxID0gKChzbGlkZXIxLnZhbHVlIC0gdGhpcy5taW4pICogMTAwKSAvICh0aGlzLm1heCAtIHRoaXMubWluKTtcbiAgICBjb25zdCBwcm9ncmVzczIgPSAoKHNsaWRlcjIudmFsdWUgLSB0aGlzLm1pbikgKiAxMDApIC8gKHRoaXMubWF4IC0gdGhpcy5taW4pO1xuXG4gICAgLy8gU2V0IHNsaWRlciBiYXIgYmFja2dyb3VuZCBjb2xvcnMgYWNjb3JkaW5nIHRvIHByb2dyZXNzXG4gICAgdGhpcy5zbGlkZXIxLm5hdGl2ZUVsZW1lbnQuc3R5bGUuYmFja2dyb3VuZCA9IGBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsICNEN0Q3RDcgJHtwcm9ncmVzczF9JSwgdmFyKC0tbWFpbi1jb2xvcikgJHtwcm9ncmVzczF9JSwgdmFyKC0tbWFpbi1jb2xvcikgJHtwcm9ncmVzczJ9JSwgI0Q3RDdENyAke3Byb2dyZXNzMn0lKWA7XG5cbiAgICAvLyBTZXQgc2xpZGVyIHRvb2x0aXAgcG9zaXRpb25cbiAgICBpZiAoYWN0aXZlU2xpZGVyID09ICdyYW5nZXIxJykge1xuICAgICAgY29uc3QgdG9vbHRpcFBvc2l0aW9uID0gKHBhcnNlRmxvYXQoZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmZvbnRTaXplKSAqIDAuMTUpIC0gKHByb2dyZXNzMSAqIDAuMik7XG4gICAgICB0b29sdGlwLmlubmVySFRNTCA9IGA8c3Bhbj4ke3NsaWRlcjEudmFsdWV9PC9zcGFuPmA7XG4gICAgICB0b29sdGlwLnN0eWxlLmxlZnQgPSBgY2FsYygke3Byb2dyZXNzMX0lICsgKCR7dG9vbHRpcFBvc2l0aW9ufXB4KSlgO1xuICAgIH0gZWxzZSBpZiAoYWN0aXZlU2xpZGVyID09ICdyYW5nZXIyJykge1xuICAgICAgY29uc3QgdG9vbHRpcFBvc2l0aW9uID0gKHBhcnNlRmxvYXQoZ2V0Q29tcHV0ZWRTdHlsZShkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQpLmZvbnRTaXplKSAqIDAuMTUpIC0gKHByb2dyZXNzMiAqIDAuMik7XG4gICAgICB0b29sdGlwLmlubmVySFRNTCA9IGA8c3Bhbj4ke3NsaWRlcjIudmFsdWV9PC9zcGFuPmA7XG4gICAgICB0b29sdGlwLnN0eWxlLmxlZnQgPSBgY2FsYygke3Byb2dyZXNzMn0lICsgKCR7dG9vbHRpcFBvc2l0aW9ufXB4KSlgO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNsaWRlclwiPlxuICA8aW5wdXQgI3JhbmdlcjEgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVbMF1cIlxuICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25DaGFuZ2UodmFsdWUpO1wiXG4gICAgICAgICBbbWluXT1cIm1pblwiXG4gICAgICAgICBbbWF4XT1cIm1heFwiXG4gICAgICAgICBbc3RlcF09XCJzdGVwXCJcbiAgICAgICAgIChpbnB1dCk9XCJjaGVja1ZhbHVlcygncmFuZ2VyMScpOyBwcm9ncmVzc1NjcmlwdCgncmFuZ2VyMScpXCJcbiAgICAgICAgIChwb2ludGVyZG93bik9XCJwcm9ncmVzc1NjcmlwdCgncmFuZ2VyMScpOyBzaG93VG9vbHRpcCA9IHRydWVcIlxuICAgICAgICAgKHBvaW50ZXJ1cCk9XCJzaG93VG9vbHRpcCA9IGZhbHNlXCJcbiAgPlxuICA8aW5wdXQgI3JhbmdlcjIgdHlwZT1cInJhbmdlXCJcbiAgICAgICAgIFsobmdNb2RlbCldPVwidmFsdWVbMV1cIlxuICAgICAgICAgKG5nTW9kZWxDaGFuZ2UpPVwib25DaGFuZ2UodmFsdWUpO1wiXG4gICAgICAgICBbbWluXT1cIm1pblwiXG4gICAgICAgICBbbWF4XT1cIm1heFwiXG4gICAgICAgICBbc3RlcF09XCJzdGVwXCJcbiAgICAgICAgIChpbnB1dCk9XCJjaGVja1ZhbHVlcygncmFuZ2VyMicpOyBwcm9ncmVzc1NjcmlwdCgncmFuZ2VyMicpXCJcbiAgICAgICAgIChwb2ludGVyZG93bik9XCJwcm9ncmVzc1NjcmlwdCgncmFuZ2VyMicpOyBzaG93VG9vbHRpcCA9IHRydWVcIlxuICAgICAgICAgKHBvaW50ZXJ1cCk9XCJzaG93VG9vbHRpcCA9IGZhbHNlXCJcbiAgPlxuICA8ZGl2ICN0b29sdGlwIGNsYXNzPVwidG9vbHRpcFwiIFtzdHlsZS5vcGFjaXR5XT1cInNob3dUb29sdGlwID8gJzEwMCUnIDogJzAlJ1wiPjwvZGl2PlxuICA8ZGl2IGNsYXNzPVwidGlja3NcIj5cbiAgICA8c3BhbiAqbmdGb3I9XCJsZXQgdGljayBvZiBbXS5jb25zdHJ1Y3Rvcih0aWNrcyk7IGluZGV4IGFzIGlcIlxuICAgICAgICAgIFtjbGFzcy5uby1sYWJlbHNdPVwiIWxhYmVscy5sZW5ndGhcIj5cbiAgICAgIHt7bGFiZWxzW2ldfX1cbiAgICA8L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/inputs/biit-textarea/biit-textarea.component.mjs CHANGED Viewed

@@ -57,7 +57,7 @@ BiitTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
             useExisting: forwardRef(() => BiitTextareaComponent),
             multi: true
         }
-    ], ngImport: i0, template: "<div class=\"biit-input\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\n  <div class=\"input-container\">\n    <biit-tooltip-icon *ngIf=\"info\"\n                       class=\"tooltip-icon\"\n                       [text]=\"info\"></biit-tooltip-icon>\n    <textarea\n      class=\"input-object\" required\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"this.onChange($event);\"\n      (keydown.enter)=\"onActionPerformed.emit(value)\"\n      [attr.name]=\"fieldName\"\n      [attr.maxlength]=\"maxLength\"\n      [class.error]=\"error\"\n      [class.reveal]=\"reveal\"\n      [style.resize]=\"resize\"\n    ></textarea>\n    <div class=\"input-placeholder\">\n      {{ placeholder }}\n      <a *ngIf=\"required\"\n         [style.color]=\"value ? null : 'red'\">*</a>\n    </div>\n    <biit-icon *ngIf=\"error\" id=\"exclamation\" name=\"exclamation\" class=\"input-error-icon\"\n               [pathStyle]=\"{fill:'#A1093F'}\"></biit-icon>\n    <div *ngIf=\"error\" class=\"input-error-msg\" id=\"error-message\">\n      <a id=\"message\">\n        {{ error }}\n      </a>\n    </div>\n    <span *ngIf=\"description\" id=\"description\" class=\"input-description\">\n      {{ description }}\n    </span>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}.biit-input{display:flex;height:inherit;min-width:12.8em}.biit-input.disabled{pointer-events:none}.biit-input.disabled .input-object{background:var(--main-background)}.biit-input.readonly .input-object{color:var(--disabled-primary-color)}.input-container{position:relative;height:inherit;width:100%}.input-object{font-size:1em;display:block;border:none;color:var(--component-color);padding:.45em .7em;height:inherit;min-height:2.25em;width:100%;min-width:2.1em;font-weight:400;border-bottom:3px solid var(--component-color)}.input-object:focus{outline:none;background:var(--main-background)}.input-object:hover{background:var(--main-background)}.input-object.error{color:var(--error-color);border-color:var(--error-color)}.input-object.password{padding:.7em 2.1em .55em .7em}.input-object.password.reveal{-webkit-text-security:none;input-security:none}.input-placeholder{color:var(--component-color);font-size:1em;font-weight:bolder;text-transform:uppercase;position:absolute;pointer-events:none;left:.7em;top:.42em;height:.7em;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input-object:focus~.input-placeholder,.input-object:valid~.input-placeholder{top:-.95em;font-size:.7em;line-height:.7em;font-weight:400;color:var(--disabled-primary-color)}.input-error-icon{display:flex;top:.7em;position:absolute;width:.7em;height:.7em}.input-error-msg{position:absolute;display:flex;align-items:center;font-size:.75em;color:var(--error-color);padding-top:.2em;min-height:1.05em;line-height:120%}.input-error-msg a{display:block;line-height:1.1em}.input-description{position:absolute;display:flex;align-items:center;font-size:.75em;color:gray;padding-top:1.4em;min-height:1.05em;line-height:120%;font-style:italic}.input-description a{display:block;line-height:1.1em}.input-show-icon{width:1.05em;height:1.05em}.input-show-icon-container{top:0;right:0;position:absolute;width:2.1em;height:2.1em;align-content:center;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.input-show-icon-container:hover,.input-show-icon-container:focus,.input-show-icon-container:focus-visible{background-color:var(--main-background);border:none;outline:none}.bottom-line{position:relative;top:-3px;margin-bottom:-3px;width:auto;height:3px;background:#262626}.tooltip-icon{position:absolute;top:-.5em;left:-.5em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }, { kind: "component", type: i4.BiitTooltipIconComponent, selector: "biit-tooltip-icon", inputs: ["text", "inline"] }] });
+    ], ngImport: i0, template: "<div class=\"biit-input\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\n  <div class=\"input-container\">\n    <biit-tooltip-icon *ngIf=\"info\"\n                       class=\"tooltip-icon\"\n                       [text]=\"info\"></biit-tooltip-icon>\n    <textarea\n      class=\"input-object\" required\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"this.onChange($event);\"\n      (keydown.enter)=\"onActionPerformed.emit(value)\"\n      [attr.name]=\"fieldName\"\n      [attr.maxlength]=\"maxLength\"\n      [class.error]=\"error\"\n      [class.reveal]=\"reveal\"\n      [style.resize]=\"resize\"\n    ></textarea>\n    <div class=\"input-placeholder\">\n      {{ placeholder }}\n      <a *ngIf=\"required\"\n         [style.color]=\"value ? null : 'red'\">*</a>\n    </div>\n    <biit-icon *ngIf=\"error\" id=\"exclamation\" name=\"exclamation\" class=\"input-error-icon\"\n               [pathStyle]=\"{fill:'#A1093F'}\"></biit-icon>\n    <div *ngIf=\"error\" class=\"input-error-msg\" id=\"error-message\">\n      <a id=\"message\">\n        {{ error }}\n      </a>\n    </div>\n    <span *ngIf=\"description\" id=\"description\" class=\"input-description\">\n      {{ description }}\n    </span>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}.biit-input{display:flex;height:inherit;min-width:12.8em}.biit-input.disabled{pointer-events:none}.biit-input.disabled .input-object{background:var(--main-background)}.biit-input.readonly .input-object{color:var(--disabled-primary-color)}.input-container{position:relative;height:inherit;width:100%}.input-object{font-size:1em;display:block;border:none;color:var(--component-color);padding:.45em .7em;height:inherit;min-height:2.25em;width:100%;min-width:2.1em;font-weight:400;border-bottom:3px solid var(--component-color)}.input-object:focus{outline:none;background:var(--main-background)}.input-object:hover{background:var(--main-background)}.input-object.error{color:var(--error-color);border-color:var(--error-color)}.input-object.password{padding:.7em 2.1em .55em .7em}.input-object.password.reveal{-webkit-text-security:none;input-security:none}.input-placeholder{color:var(--component-color);font-size:1em;font-weight:bolder;text-transform:uppercase;position:absolute;pointer-events:none;left:.7em;top:.42em;height:.7em;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input-object:focus~.input-placeholder,.input-object:valid~.input-placeholder{top:-.95em;font-size:.7em;line-height:.7em;font-weight:400;color:var(--disabled-primary-color)}.input-error-icon{display:flex;top:.7em;position:absolute;width:.7em;height:.7em}.input-error-msg{position:absolute;display:flex;align-items:center;font-size:.75em;color:var(--error-color);padding-top:.2em;min-height:1.05em;line-height:120%}.input-error-msg a{display:block;line-height:1.1em}.input-description{position:absolute;display:flex;align-items:center;font-size:.75em;color:gray;padding-top:1.4em;min-height:1.05em;line-height:120%;font-style:italic}.input-description a{display:block;line-height:1.1em}.input-show-icon{width:1.05em;height:1.05em}.input-show-icon-container{top:0;right:0;position:absolute;width:2.1em;height:2.1em;align-content:center;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.input-show-icon-container:hover,.input-show-icon-container:focus,.input-show-icon-container:focus-visible{background-color:var(--main-background);border:none;outline:none}.bottom-line{position:relative;top:-3px;margin-bottom:-3px;width:auto;height:3px;background:var(--component-color)}.tooltip-icon{position:absolute;top:-.5em;left:-.5em}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }, { kind: "component", type: i4.BiitTooltipIconComponent, selector: "biit-tooltip-icon", inputs: ["text", "inline"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitTextareaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'biit-textarea', providers: [
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => BiitTextareaComponent),
                             multi: true
                         }
-                    ], template: "<div class=\"biit-input\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\n  <div class=\"input-container\">\n    <biit-tooltip-icon *ngIf=\"info\"\n                       class=\"tooltip-icon\"\n                       [text]=\"info\"></biit-tooltip-icon>\n    <textarea\n      class=\"input-object\" required\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"this.onChange($event);\"\n      (keydown.enter)=\"onActionPerformed.emit(value)\"\n      [attr.name]=\"fieldName\"\n      [attr.maxlength]=\"maxLength\"\n      [class.error]=\"error\"\n      [class.reveal]=\"reveal\"\n      [style.resize]=\"resize\"\n    ></textarea>\n    <div class=\"input-placeholder\">\n      {{ placeholder }}\n      <a *ngIf=\"required\"\n         [style.color]=\"value ? null : 'red'\">*</a>\n    </div>\n    <biit-icon *ngIf=\"error\" id=\"exclamation\" name=\"exclamation\" class=\"input-error-icon\"\n               [pathStyle]=\"{fill:'#A1093F'}\"></biit-icon>\n    <div *ngIf=\"error\" class=\"input-error-msg\" id=\"error-message\">\n      <a id=\"message\">\n        {{ error }}\n      </a>\n    </div>\n    <span *ngIf=\"description\" id=\"description\" class=\"input-description\">\n      {{ description }}\n    </span>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}.biit-input{display:flex;height:inherit;min-width:12.8em}.biit-input.disabled{pointer-events:none}.biit-input.disabled .input-object{background:var(--main-background)}.biit-input.readonly .input-object{color:var(--disabled-primary-color)}.input-container{position:relative;height:inherit;width:100%}.input-object{font-size:1em;display:block;border:none;color:var(--component-color);padding:.45em .7em;height:inherit;min-height:2.25em;width:100%;min-width:2.1em;font-weight:400;border-bottom:3px solid var(--component-color)}.input-object:focus{outline:none;background:var(--main-background)}.input-object:hover{background:var(--main-background)}.input-object.error{color:var(--error-color);border-color:var(--error-color)}.input-object.password{padding:.7em 2.1em .55em .7em}.input-object.password.reveal{-webkit-text-security:none;input-security:none}.input-placeholder{color:var(--component-color);font-size:1em;font-weight:bolder;text-transform:uppercase;position:absolute;pointer-events:none;left:.7em;top:.42em;height:.7em;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input-object:focus~.input-placeholder,.input-object:valid~.input-placeholder{top:-.95em;font-size:.7em;line-height:.7em;font-weight:400;color:var(--disabled-primary-color)}.input-error-icon{display:flex;top:.7em;position:absolute;width:.7em;height:.7em}.input-error-msg{position:absolute;display:flex;align-items:center;font-size:.75em;color:var(--error-color);padding-top:.2em;min-height:1.05em;line-height:120%}.input-error-msg a{display:block;line-height:1.1em}.input-description{position:absolute;display:flex;align-items:center;font-size:.75em;color:gray;padding-top:1.4em;min-height:1.05em;line-height:120%;font-style:italic}.input-description a{display:block;line-height:1.1em}.input-show-icon{width:1.05em;height:1.05em}.input-show-icon-container{top:0;right:0;position:absolute;width:2.1em;height:2.1em;align-content:center;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.input-show-icon-container:hover,.input-show-icon-container:focus,.input-show-icon-container:focus-visible{background-color:var(--main-background);border:none;outline:none}.bottom-line{position:relative;top:-3px;margin-bottom:-3px;width:auto;height:3px;background:#262626}.tooltip-icon{position:absolute;top:-.5em;left:-.5em}\n"] }]
+                    ], template: "<div class=\"biit-input\" [class.disabled]=\"disabled\" [class.readonly]=\"readonly\">\n  <div class=\"input-container\">\n    <biit-tooltip-icon *ngIf=\"info\"\n                       class=\"tooltip-icon\"\n                       [text]=\"info\"></biit-tooltip-icon>\n    <textarea\n      class=\"input-object\" required\n      [(ngModel)]=\"value\"\n      (ngModelChange)=\"this.onChange($event);\"\n      (keydown.enter)=\"onActionPerformed.emit(value)\"\n      [attr.name]=\"fieldName\"\n      [attr.maxlength]=\"maxLength\"\n      [class.error]=\"error\"\n      [class.reveal]=\"reveal\"\n      [style.resize]=\"resize\"\n    ></textarea>\n    <div class=\"input-placeholder\">\n      {{ placeholder }}\n      <a *ngIf=\"required\"\n         [style.color]=\"value ? null : 'red'\">*</a>\n    </div>\n    <biit-icon *ngIf=\"error\" id=\"exclamation\" name=\"exclamation\" class=\"input-error-icon\"\n               [pathStyle]=\"{fill:'#A1093F'}\"></biit-icon>\n    <div *ngIf=\"error\" class=\"input-error-msg\" id=\"error-message\">\n      <a id=\"message\">\n        {{ error }}\n      </a>\n    </div>\n    <span *ngIf=\"description\" id=\"description\" class=\"input-description\">\n      {{ description }}\n    </span>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}.biit-input{display:flex;height:inherit;min-width:12.8em}.biit-input.disabled{pointer-events:none}.biit-input.disabled .input-object{background:var(--main-background)}.biit-input.readonly .input-object{color:var(--disabled-primary-color)}.input-container{position:relative;height:inherit;width:100%}.input-object{font-size:1em;display:block;border:none;color:var(--component-color);padding:.45em .7em;height:inherit;min-height:2.25em;width:100%;min-width:2.1em;font-weight:400;border-bottom:3px solid var(--component-color)}.input-object:focus{outline:none;background:var(--main-background)}.input-object:hover{background:var(--main-background)}.input-object.error{color:var(--error-color);border-color:var(--error-color)}.input-object.password{padding:.7em 2.1em .55em .7em}.input-object.password.reveal{-webkit-text-security:none;input-security:none}.input-placeholder{color:var(--component-color);font-size:1em;font-weight:bolder;text-transform:uppercase;position:absolute;pointer-events:none;left:.7em;top:.42em;height:.7em;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input-object:focus~.input-placeholder,.input-object:valid~.input-placeholder{top:-.95em;font-size:.7em;line-height:.7em;font-weight:400;color:var(--disabled-primary-color)}.input-error-icon{display:flex;top:.7em;position:absolute;width:.7em;height:.7em}.input-error-msg{position:absolute;display:flex;align-items:center;font-size:.75em;color:var(--error-color);padding-top:.2em;min-height:1.05em;line-height:120%}.input-error-msg a{display:block;line-height:1.1em}.input-description{position:absolute;display:flex;align-items:center;font-size:.75em;color:gray;padding-top:1.4em;min-height:1.05em;line-height:120%;font-style:italic}.input-description a{display:block;line-height:1.1em}.input-show-icon{width:1.05em;height:1.05em}.input-show-icon-container{top:0;right:0;position:absolute;width:2.1em;height:2.1em;align-content:center;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.input-show-icon-container:hover,.input-show-icon-container:focus,.input-show-icon-container:focus-visible{background-color:var(--main-background);border:none;outline:none}.bottom-line{position:relative;top:-3px;margin-bottom:-3px;width:auto;height:3px;background:var(--component-color)}.tooltip-icon{position:absolute;top:-.5em;left:-.5em}\n"] }]
         }], propDecorators: { placeholder: [{
                 type: Input
             }], error: [{

package/esm2020/inputs/biit-toggle-group/biit-toggle-group.component.mjs CHANGED Viewed

@@ -48,7 +48,7 @@ BiitToggleGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0
             useExisting: forwardRef(() => BiitToggleGroupComponent),
             multi: true
         }
-    ], queries: [{ propertyName: "buttons", predicate: BiitToggleButtonComponent }], ngImport: i0, template: "<div class=\"toggle-group\">\n  <button\n    *ngFor=\"let button of buttons\"\n    [class.active]=\"multiple ? value && value.includes(button.value) : value == button.value\"\n    [disabled]=\"disabled || button.disabled\"\n    (click)=\"onToggle(button.value)\"\n  >\n    <biit-icon\n      *ngIf=\"button.icon\"\n      [name]=\"button.icon\"\n      [pathStyle]=\"{fill: '#262626'}\"\n      style=\"display: block; height: 1em; width: 1em;\"\n    ></biit-icon>\n    <span\n      *ngIf=\"button.text\"\n      style=\"display: block\"\n    >\n      {{button.text}}\n    </span>\n  </button>\n</div>\n", styles: ["button{background:none;color:inherit;border:none;font:inherit;outline:inherit;box-sizing:border-box;font-size:1em;line-height:100%;padding:.625em;cursor:pointer;color:#262626;display:flex;gap:.375em}button:not(:last-child){border-right:2px solid #EDEDED}button:disabled{pointer-events:none;color:#d9d9d9}button:disabled ::ng-deep biit-icon svg *{fill:#d9d9d9!important}button:disabled:active,button:disabled.active{color:gray}button:disabled:active ::ng-deep biit-icon svg *,button:disabled.active ::ng-deep biit-icon svg *{fill:gray!important}button:active,button.active{background:#EDEDED;color:#f20d5e}button:active ::ng-deep biit-icon svg *,button.active ::ng-deep biit-icon svg *{fill:#f20d5e!important}button:hover{background:#D9D9D9}.toggle-group{display:flex;flex-wrap:wrap;border:2px solid #EDEDED;width:-moz-fit-content;width:fit-content}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }] });
+    ], queries: [{ propertyName: "buttons", predicate: BiitToggleButtonComponent }], ngImport: i0, template: "<div class=\"toggle-group\">\n  <button\n    *ngFor=\"let button of buttons\"\n    [class.active]=\"multiple ? value && value.includes(button.value) : value == button.value\"\n    [disabled]=\"disabled || button.disabled\"\n    (click)=\"onToggle(button.value)\"\n  >\n    <biit-icon\n      *ngIf=\"button.icon\"\n      [name]=\"button.icon\"\n      [pathStyle]=\"{fill: 'var(--component-color)'}\"\n      style=\"display: block; height: 1em; width: 1em;\"\n    ></biit-icon>\n    <span\n      *ngIf=\"button.text\"\n      style=\"display: block\"\n    >\n      {{button.text}}\n    </span>\n  </button>\n</div>\n", styles: ["button{background:none;color:inherit;border:none;font:inherit;outline:inherit;box-sizing:border-box;font-size:1em;line-height:100%;padding:.625em;cursor:pointer;color:var(--component-color);display:flex;gap:.375em}button:not(:last-child){border-right:2px solid #EDEDED}button:disabled{pointer-events:none;color:#d9d9d9}button:disabled ::ng-deep biit-icon svg *{fill:#d9d9d9!important}button:disabled:active,button:disabled.active{color:gray}button:disabled:active ::ng-deep biit-icon svg *,button:disabled.active ::ng-deep biit-icon svg *{fill:gray!important}button:active,button.active{background:#EDEDED;color:var(--main-color)}button:active ::ng-deep biit-icon svg *,button.active ::ng-deep biit-icon svg *{fill:var(--main-color)!important}button:hover{background:#D9D9D9}.toggle-group{display:flex;flex-wrap:wrap;border:2px solid #EDEDED;width:-moz-fit-content;width:fit-content}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitToggleGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'biit-toggle-group', providers: [
@@ -57,7 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             useExisting: forwardRef(() => BiitToggleGroupComponent),
                             multi: true
                         }
-                    ], template: "<div class=\"toggle-group\">\n  <button\n    *ngFor=\"let button of buttons\"\n    [class.active]=\"multiple ? value && value.includes(button.value) : value == button.value\"\n    [disabled]=\"disabled || button.disabled\"\n    (click)=\"onToggle(button.value)\"\n  >\n    <biit-icon\n      *ngIf=\"button.icon\"\n      [name]=\"button.icon\"\n      [pathStyle]=\"{fill: '#262626'}\"\n      style=\"display: block; height: 1em; width: 1em;\"\n    ></biit-icon>\n    <span\n      *ngIf=\"button.text\"\n      style=\"display: block\"\n    >\n      {{button.text}}\n    </span>\n  </button>\n</div>\n", styles: ["button{background:none;color:inherit;border:none;font:inherit;outline:inherit;box-sizing:border-box;font-size:1em;line-height:100%;padding:.625em;cursor:pointer;color:#262626;display:flex;gap:.375em}button:not(:last-child){border-right:2px solid #EDEDED}button:disabled{pointer-events:none;color:#d9d9d9}button:disabled ::ng-deep biit-icon svg *{fill:#d9d9d9!important}button:disabled:active,button:disabled.active{color:gray}button:disabled:active ::ng-deep biit-icon svg *,button:disabled.active ::ng-deep biit-icon svg *{fill:gray!important}button:active,button.active{background:#EDEDED;color:#f20d5e}button:active ::ng-deep biit-icon svg *,button.active ::ng-deep biit-icon svg *{fill:#f20d5e!important}button:hover{background:#D9D9D9}.toggle-group{display:flex;flex-wrap:wrap;border:2px solid #EDEDED;width:-moz-fit-content;width:fit-content}\n"] }]
+                    ], template: "<div class=\"toggle-group\">\n  <button\n    *ngFor=\"let button of buttons\"\n    [class.active]=\"multiple ? value && value.includes(button.value) : value == button.value\"\n    [disabled]=\"disabled || button.disabled\"\n    (click)=\"onToggle(button.value)\"\n  >\n    <biit-icon\n      *ngIf=\"button.icon\"\n      [name]=\"button.icon\"\n      [pathStyle]=\"{fill: 'var(--component-color)'}\"\n      style=\"display: block; height: 1em; width: 1em;\"\n    ></biit-icon>\n    <span\n      *ngIf=\"button.text\"\n      style=\"display: block\"\n    >\n      {{button.text}}\n    </span>\n  </button>\n</div>\n", styles: ["button{background:none;color:inherit;border:none;font:inherit;outline:inherit;box-sizing:border-box;font-size:1em;line-height:100%;padding:.625em;cursor:pointer;color:var(--component-color);display:flex;gap:.375em}button:not(:last-child){border-right:2px solid #EDEDED}button:disabled{pointer-events:none;color:#d9d9d9}button:disabled ::ng-deep biit-icon svg *{fill:#d9d9d9!important}button:disabled:active,button:disabled.active{color:gray}button:disabled:active ::ng-deep biit-icon svg *,button:disabled.active ::ng-deep biit-icon svg *{fill:gray!important}button:active,button.active{background:#EDEDED;color:var(--main-color)}button:active ::ng-deep biit-icon svg *,button.active ::ng-deep biit-icon svg *{fill:var(--main-color)!important}button:hover{background:#D9D9D9}.toggle-group{display:flex;flex-wrap:wrap;border:2px solid #EDEDED;width:-moz-fit-content;width:fit-content}\n"] }]
         }], propDecorators: { buttons: [{
                 type: ContentChildren,
                 args: [BiitToggleButtonComponent]
@@ -66,4 +66,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], multiple: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlpdC10b2dnbGUtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2l6YXJkcnktdGhlbWUvaW5wdXRzL3NyYy9iaWl0LXRvZ2dsZS1ncm91cC9iaWl0LXRvZ2dsZS1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93aXphcmRyeS10aGVtZS9pbnB1dHMvc3JjL2JpaXQtdG9nZ2xlLWdyb3VwL2JpaXQtdG9nZ2xlLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFVBQVUsRUFDVixlQUFlLEVBR2hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RSxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN6RSxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQWM1RCxNQUFNLE9BQU8sd0JBQXdCO0lBWnJDO1FBa0JFLGFBQVEsR0FBRyxDQUFDLEtBQVUsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQzlCLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7S0FvQ3RCO0lBbENDLFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLHFCQUFxQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNyRCxJQUFJLENBQUMsUUFBUSxHQUFHLHFCQUFxQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQVU7UUFDakIsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztTQUNqQjtRQUVELElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFO2dCQUNwQyxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ3JDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLENBQUM7YUFDdkQ7U0FDRjthQUFNO1lBQ0wsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7U0FDcEI7UUFFRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQzs7c0hBMUNVLHdCQUF3QjswR0FBeEIsd0JBQXdCLG9HQVJ4QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO1lBQ3ZELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRixrREFHZ0IseUJBQXlCLDZCQ3pCNUMsd2xCQXFCQTs0RkRHYSx3QkFBd0I7a0JBWnBDLFNBQVM7K0JBQ0UsbUJBQW1CLGFBR2xCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHlCQUF5QixDQUFDOzRCQUN2RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHMkMsT0FBTztzQkFBbEQsZUFBZTt1QkFBQyx5QkFBeUI7Z0JBQ2pDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgUXVlcnlMaXN0LFxuICBPbkluaXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtCaWl0VG9nZ2xlQnV0dG9uQ29tcG9uZW50fSBmcm9tIFwiLi9iaWl0LXRvZ2dsZS1idXR0b24uY29tcG9uZW50XCI7XG5pbXBvcnQge2NvZXJjZUJvb2xlYW5Qcm9wZXJ0eX0gZnJvbSBcIkBhbmd1bGFyL2Nkay9jb2VyY2lvblwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdiaWl0LXRvZ2dsZS1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnYmlpdC10b2dnbGUtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnYmlpdC10b2dnbGUtZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBCaWl0VG9nZ2xlR3JvdXBDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQmlpdFRvZ2dsZUdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBDb250ZW50Q2hpbGRyZW4oQmlpdFRvZ2dsZUJ1dHRvbkNvbXBvbmVudCkgYnV0dG9uczogUXVlcnlMaXN0PEJpaXRUb2dnbGVCdXR0b25Db21wb25lbnQ+XG4gIEBJbnB1dCgpIGRpc2FibGVkO1xuICBASW5wdXQoKSBtdWx0aXBsZTtcbiAgdmFsdWU6IGFueSB8IGFueVtdO1xuXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBhbnkpID0+IHt9O1xuICBvblRvdWNoZWQgPSAoKSA9PiB7fTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmRpc2FibGVkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHRoaXMuZGlzYWJsZWQpO1xuICAgIHRoaXMubXVsdGlwbGUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodGhpcy5tdWx0aXBsZSk7XG4gIH1cblxuICBvblRvZ2dsZSh2YWx1ZTogYW55KSB7XG4gICAgaWYgKHRoaXMubXVsdGlwbGUgJiYgIXRoaXMudmFsdWUpIHtcbiAgICAgIHRoaXMudmFsdWUgPSBbXTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5tdWx0aXBsZSkge1xuICAgICAgaWYgKHRoaXMudmFsdWUuaW5kZXhPZih2YWx1ZSkgPT09IC0xKSB7XG4gICAgICAgIHRoaXMudmFsdWUgPSBbLi4udGhpcy52YWx1ZSwgdmFsdWVdO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy52YWx1ZSA9IHRoaXMudmFsdWUuZmlsdGVyKGl0ZW0gPT4gdmFsdWUgIT0gaXRlbSk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0b2dnbGUtZ3JvdXBcIj5cbiAgPGJ1dHRvblxuICAgICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYnV0dG9uc1wiXG4gICAgW2NsYXNzLmFjdGl2ZV09XCJtdWx0aXBsZSA/IHZhbHVlICYmIHZhbHVlLmluY2x1ZGVzKGJ1dHRvbi52YWx1ZSkgOiB2YWx1ZSA9PSBidXR0b24udmFsdWVcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBidXR0b24uZGlzYWJsZWRcIlxuICAgIChjbGljayk9XCJvblRvZ2dsZShidXR0b24udmFsdWUpXCJcbiAgPlxuICAgIDxiaWl0LWljb25cbiAgICAgICpuZ0lmPVwiYnV0dG9uLmljb25cIlxuICAgICAgW25hbWVdPVwiYnV0dG9uLmljb25cIlxuICAgICAgW3BhdGhTdHlsZV09XCJ7ZmlsbDogJyMyNjI2MjYnfVwiXG4gICAgICBzdHlsZT1cImRpc3BsYXk6IGJsb2NrOyBoZWlnaHQ6IDFlbTsgd2lkdGg6IDFlbTtcIlxuICAgID48L2JpaXQtaWNvbj5cbiAgICA8c3BhblxuICAgICAgKm5nSWY9XCJidXR0b24udGV4dFwiXG4gICAgICBzdHlsZT1cImRpc3BsYXk6IGJsb2NrXCJcbiAgICA+XG4gICAgICB7e2J1dHRvbi50ZXh0fX1cbiAgICA8L3NwYW4+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlpdC10b2dnbGUtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2l6YXJkcnktdGhlbWUvaW5wdXRzL3NyYy9iaWl0LXRvZ2dsZS1ncm91cC9iaWl0LXRvZ2dsZS1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93aXphcmRyeS10aGVtZS9pbnB1dHMvc3JjL2JpaXQtdG9nZ2xlLWdyb3VwL2JpaXQtdG9nZ2xlLWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFVBQVUsRUFDVixlQUFlLEVBR2hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBdUIsaUJBQWlCLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUN2RSxPQUFPLEVBQUMseUJBQXlCLEVBQUMsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN6RSxPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQWM1RCxNQUFNLE9BQU8sd0JBQXdCO0lBWnJDO1FBa0JFLGFBQVEsR0FBRyxDQUFDLEtBQVUsRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO1FBQzlCLGNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7S0FvQ3RCO0lBbENDLFFBQVE7UUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLHFCQUFxQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUNyRCxJQUFJLENBQUMsUUFBUSxHQUFHLHFCQUFxQixDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN2RCxDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQVU7UUFDakIsSUFBSSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNoQyxJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztTQUNqQjtRQUVELElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFO2dCQUNwQyxJQUFJLENBQUMsS0FBSyxHQUFHLENBQUMsR0FBRyxJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ3JDO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLENBQUM7YUFDdkQ7U0FDRjthQUFNO1lBQ0wsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7U0FDcEI7UUFFRCxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7SUFDckIsQ0FBQzs7c0hBMUNVLHdCQUF3QjswR0FBeEIsd0JBQXdCLG9HQVJ4QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGlCQUFpQjtZQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHdCQUF3QixDQUFDO1lBQ3ZELEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRixrREFHZ0IseUJBQXlCLDZCQ3pCNUMsdW1CQXFCQTs0RkRHYSx3QkFBd0I7a0JBWnBDLFNBQVM7K0JBQ0UsbUJBQW1CLGFBR2xCO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHlCQUF5QixDQUFDOzRCQUN2RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHMkMsT0FBTztzQkFBbEQsZUFBZTt1QkFBQyx5QkFBeUI7Z0JBQ2pDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIGZvcndhcmRSZWYsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgUXVlcnlMaXN0LFxuICBPbkluaXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge0NvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHtCaWl0VG9nZ2xlQnV0dG9uQ29tcG9uZW50fSBmcm9tIFwiLi9iaWl0LXRvZ2dsZS1idXR0b24uY29tcG9uZW50XCI7XG5pbXBvcnQge2NvZXJjZUJvb2xlYW5Qcm9wZXJ0eX0gZnJvbSBcIkBhbmd1bGFyL2Nkay9jb2VyY2lvblwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdiaWl0LXRvZ2dsZS1ncm91cCcsXG4gIHRlbXBsYXRlVXJsOiAnYmlpdC10b2dnbGUtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnYmlpdC10b2dnbGUtZ3JvdXAuY29tcG9uZW50LnNjc3MnXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBCaWl0VG9nZ2xlR3JvdXBDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWVcbiAgICB9XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgQmlpdFRvZ2dsZUdyb3VwQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBDb250ZW50Q2hpbGRyZW4oQmlpdFRvZ2dsZUJ1dHRvbkNvbXBvbmVudCkgYnV0dG9uczogUXVlcnlMaXN0PEJpaXRUb2dnbGVCdXR0b25Db21wb25lbnQ+XG4gIEBJbnB1dCgpIGRpc2FibGVkO1xuICBASW5wdXQoKSBtdWx0aXBsZTtcbiAgdmFsdWU6IGFueSB8IGFueVtdO1xuXG4gIG9uQ2hhbmdlID0gKHZhbHVlOiBhbnkpID0+IHt9O1xuICBvblRvdWNoZWQgPSAoKSA9PiB7fTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmRpc2FibGVkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHRoaXMuZGlzYWJsZWQpO1xuICAgIHRoaXMubXVsdGlwbGUgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodGhpcy5tdWx0aXBsZSk7XG4gIH1cblxuICBvblRvZ2dsZSh2YWx1ZTogYW55KSB7XG4gICAgaWYgKHRoaXMubXVsdGlwbGUgJiYgIXRoaXMudmFsdWUpIHtcbiAgICAgIHRoaXMudmFsdWUgPSBbXTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5tdWx0aXBsZSkge1xuICAgICAgaWYgKHRoaXMudmFsdWUuaW5kZXhPZih2YWx1ZSkgPT09IC0xKSB7XG4gICAgICAgIHRoaXMudmFsdWUgPSBbLi4udGhpcy52YWx1ZSwgdmFsdWVdO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy52YWx1ZSA9IHRoaXMudmFsdWUuZmlsdGVyKGl0ZW0gPT4gdmFsdWUgIT0gaXRlbSk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMudmFsdWUgPSB2YWx1ZTtcbiAgICB9XG5cbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge1xuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XG4gIH1cblxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLnZhbHVlID0gdmFsdWU7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0b2dnbGUtZ3JvdXBcIj5cbiAgPGJ1dHRvblxuICAgICpuZ0Zvcj1cImxldCBidXR0b24gb2YgYnV0dG9uc1wiXG4gICAgW2NsYXNzLmFjdGl2ZV09XCJtdWx0aXBsZSA/IHZhbHVlICYmIHZhbHVlLmluY2x1ZGVzKGJ1dHRvbi52YWx1ZSkgOiB2YWx1ZSA9PSBidXR0b24udmFsdWVcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBidXR0b24uZGlzYWJsZWRcIlxuICAgIChjbGljayk9XCJvblRvZ2dsZShidXR0b24udmFsdWUpXCJcbiAgPlxuICAgIDxiaWl0LWljb25cbiAgICAgICpuZ0lmPVwiYnV0dG9uLmljb25cIlxuICAgICAgW25hbWVdPVwiYnV0dG9uLmljb25cIlxuICAgICAgW3BhdGhTdHlsZV09XCJ7ZmlsbDogJ3ZhcigtLWNvbXBvbmVudC1jb2xvciknfVwiXG4gICAgICBzdHlsZT1cImRpc3BsYXk6IGJsb2NrOyBoZWlnaHQ6IDFlbTsgd2lkdGg6IDFlbTtcIlxuICAgID48L2JpaXQtaWNvbj5cbiAgICA8c3BhblxuICAgICAgKm5nSWY9XCJidXR0b24udGV4dFwiXG4gICAgICBzdHlsZT1cImRpc3BsYXk6IGJsb2NrXCJcbiAgICA+XG4gICAgICB7e2J1dHRvbi50ZXh0fX1cbiAgICA8L3NwYW4+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=

package/esm2020/login/biit-login/biit-login.component.mjs CHANGED Viewed

@@ -197,7 +197,7 @@ BiitLoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
             provide: TRANSLOCO_SCOPE,
             useValue: { scope: 'wizardry-theme/login-welcome', alias: "login-welcome" },
             multi: true
-        }], ngImport: i0, template: "<biit-popup no-header *transloco=\"let t\">\n  <div id=\"login-tabs\"\n       *ngIf=\"allowSignUp && !resetView\"\n       class=\"tab-buttons\"\n  >\n    <div id=\"tab-login\"\n         [class.selected]=\"!signUpView\"\n         (click)=\"signUpView = false\"\n    >\n      {{ t('login.log_in') }}\n    </div>\n    <div id=\"tab-signup\"\n         [class.selected]=\"signUpView\"\n         (click)=\"signUpView = true\"\n    >\n      {{ t('login.sign_up') }}\n    </div>\n  </div>\n  <div class=\"login-container\" [class.allow-signup]=\"allowSignUp\">\n    <div class=\"login-column\">\n      <div class=\"login-icon-square\">\n        <div class=\"login-keyring\"></div>\n        <biit-icon [name]=\"$any('key_' + keyId)\" class=\"login-key-icon\"></biit-icon>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"resetView ? resetForm : signUpView ? signUpForm : loginForm\"></ng-container>\n  </div>\n</biit-popup>\n\n<ng-template #loginForm>\n  <div id=\"login-column\" class=\"login-column\" *transloco=\"let t\">\n    <biit-input-text id=\"login-username\" [(ngModel)]=\"login.username\" fieldName=\"username\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.USERNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.username')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"login-password\" [(ngModel)]=\"login.password\" fieldName=\"password\"\n                     [error]=\"this.loginErrors.get(LoginError.PASSWORD)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.password')}}\" [type]=\"Type.PASSWORD\" class=\"login-input\"></biit-input-text>\n    <biit-toggle\n      class=\"margin-vertical-14\"\n      [(ngModel)]=\"login.remember\">\n      {{ t('login.remember') }}\n    </biit-toggle>\n    <div class=\"margin-top-18 centered\">\n      <button id=\"login-button\" biit-button primary\n              (click)=\"performLogin()\"\n      >\n        {{ t('login.take_me_in') }}\n      </button>\n    </div>\n    <div class=\"margin-top-18 centered\">\n      <button biit-button tertiary *ngIf=\"allowResetPassword\"\n              (click)=\"resetView = true\"\n              class=\"smaller-text\"\n      >\n        {{ t('login.forgot') }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resetForm>\n  <div class=\"login-column-expanded\" *transloco=\"let t\">\n    <span class=\"title\">\n      {{ t('login.reset_password_title') }}\n    </span>\n    <span class=\"subtitle\"\n          style=\"margin-top: 1em;\">\n      {{ t('login.reset_password_subtitle') }}\n    </span>\n    <span class=\"body\"\n          style=\"margin-top: 0.5em\">\n      {{ t('login.reset_password_body') }}\n    </span>\n    <biit-input-text [(ngModel)]=\"resetEmail\" fieldName=\"email\" [type]=\"Type.EMAIL\"\n                     [error]=\"this.loginErrors.get(LoginError.EMAIL)\"\n                     (keyup.enter)=\"performResetPassword()\" style=\"margin-top: 2em; margin-bottom: 2.5em\"\n                     placeholder=\"{{t('login.email')}}\" class=\"login-input\"></biit-input-text>\n    <div class=\"buttons\">\n      <button biit-button (click)=\"performResetPassword()\">\n        {{ t('login.reset') }}\n      </button>\n      <button biit-button tertiary (click)=\"restartView()\" class=\"smaller-text\">\n        {{ t('login.i_remember') }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #signUpForm>\n  <div id=\"signup-column\" class=\"login-column\" *transloco=\"let t\">\n    <biit-input-text id=\"signup-username\" [(ngModel)]=\"signUpData.username\" fieldName=\"username\"\n                     *ngIf=\"!signUpGeneratedUsername\"\n                     [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.USERNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     (ngModelChange)=\"usernameSearch.next($event)\"\n                     placeholder=\"{{t('login.username')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-name\" [(ngModel)]=\"signUpData.name\" fieldName=\"name\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.NAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.name')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-lastname\" [(ngModel)]=\"signUpData.lastname\" fieldName=\"lastname\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.LASTNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.lastname')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-email\" [(ngModel)]=\"signUpData.email\" fieldName=\"email\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.EMAIL)\" [required]=\"true\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.email')}}\" class=\"login-input\"></biit-input-text>\n    <biit-dropdown\n      *ngIf=\"teams && teams.length\"\n      [(ngModel)]=\"dumbTeam\"\n      [required]=\"true\"\n      [data]=\"teams\"\n      value=\"key\"\n      label=\"label\"\n      title=\"{{t('login.team')}}\" class=\"login-input\"/>\n    <biit-input-text id=\"signup-password\" [(ngModel)]=\"signUpData.password\" fieldName=\"password\"\n                     [error]=\"this.loginErrors.get(LoginError.PASSWORD)\"\n                     (keyup.enter)=\"performLogin()\" *ngIf=\"!signUpGeneratedPassword\"\n                     placeholder=\"{{t('login.password')}}\" [type]=\"Type.PASSWORD\" class=\"login-input\"></biit-input-text>\n    <div class=\"margin-top-18 centered\">\n      <button id=\"signup-button\" biit-button primary\n              (click)=\"performSignUp()\"\n      >\n        {{ t('login.sign_me_up') }}\n      </button>\n    </div>\n  </div>\n  <div *transloco=\"let t\">\n    <biit-popup *ngIf=\"notification && showNotification\" id=\"warning-popup\"\n                [title]=\"t('login-welcome.warning_window.tittle')\"\n                closable\n                (onClosed)=\"showNotification = false\">\n      <div [innerHTML]=\"t('login-welcome.warning_window.content')\"></div>\n    </biit-popup>\n  </div>\n</ng-template>\n", styles: [".login-container{display:flex;font-size:inherit;column-gap:4.2rem}.login-container.allow-signup{padding:.5rem}.login-column{width:12.8em;display:inline-flex;flex-direction:column}.login-column-expanded{width:20em;display:inline-flex;flex-direction:column}.login-key-icon{position:absolute;margin-top:1em;rotate:90deg;height:12.8em;width:12.8em}.login-keyring{width:1.1em;background:var(--main-color);height:2.85em}.login-icon-square{display:inline-flex;border:solid .175em var(--component-color);width:12.8em;height:12.8em;box-sizing:border-box;flex-direction:column;align-items:center}.login-input{margin-top:1.05em;margin-bottom:1.05em}.margin-vertical-14{margin:.7em 0}.margin-top-18{margin-top:.9em}.centered{display:inline-flex;justify-content:center}.smaller-text{font-size:.9em}.title{font-size:1.5em;font-weight:700}.subtitle{font-size:1em;font-weight:700}.body{font-size:.85em}.buttons{display:flex;align-items:center;gap:2.5em}.tab-buttons{position:absolute;right:0;top:0;width:50%;height:calc(2rem + 3px);display:flex}.tab-buttons div{display:flex;flex-grow:1;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:var(--disabled-primary-color)}.tab-buttons div:hover{border-bottom:3px solid var(--disabled-primary-color)}.tab-buttons div.selected{background:transparent;color:#262626;border-bottom:3px solid var(--active-color)}@media (max-width: 600px){::ng-deep .popup-canvas{min-width:auto!important}::ng-deep .popup-canvas .login-container{flex-direction:column-reverse;gap:1.5rem}::ng-deep .popup-canvas .login-column-expanded{min-width:12.8em}.buttons{gap:1.5em;flex-wrap:wrap}.tab-buttons{width:100%}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.BiitPopupComponent, selector: "biit-popup", inputs: ["title", "mouseEvent"], outputs: ["onClosed"] }, { kind: "directive", type: i3.BiitPopupNoHeaderDirective, selector: "[no-header]" }, { kind: "directive", type: i3.BiitPopupClosableDirective, selector: "[closable]" }, { kind: "component", type: i4.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }, { kind: "component", type: i5.BiitInputTextComponent, selector: "biit-input-text", inputs: ["placeholder", "error", "description", "info", "type", "icon", "fieldName", "disabled", "required", "readonly", "min", "max", "minLength", "maxLength", "regEx"], outputs: ["onActionPerformed"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.BiitToggleComponent, selector: "biit-toggle", inputs: ["disabled", "description"] }, { kind: "component", type: i7.BiitButtonComponent, selector: "button[biit-button]" }, { kind: "directive", type: i7.BiitButtonPrimaryDirective, selector: "[primary]" }, { kind: "directive", type: i7.BiitButtonTertiaryDirective, selector: "[tertiary]" }, { kind: "directive", type: i1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: i5.BiitDropdownComponent, selector: "biit-dropdown", inputs: ["title", "label", "value", "descriptionLabel", "description", "data", "primitive", "compact", "disabled", "required", "sort-asc", "sort-desc", "icon"] }] });
+        }], ngImport: i0, template: "<biit-popup no-header *transloco=\"let t\">\n  <div id=\"login-tabs\"\n       *ngIf=\"allowSignUp && !resetView\"\n       class=\"tab-buttons\"\n  >\n    <div id=\"tab-login\"\n         [class.selected]=\"!signUpView\"\n         (click)=\"signUpView = false\"\n    >\n      {{ t('login.log_in') }}\n    </div>\n    <div id=\"tab-signup\"\n         [class.selected]=\"signUpView\"\n         (click)=\"signUpView = true\"\n    >\n      {{ t('login.sign_up') }}\n    </div>\n  </div>\n  <div class=\"login-container\" [class.allow-signup]=\"allowSignUp\">\n    <div class=\"login-column\">\n      <div class=\"login-icon-square\">\n        <div class=\"login-keyring\"></div>\n        <biit-icon [name]=\"$any('key_' + keyId)\" class=\"login-key-icon\"></biit-icon>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"resetView ? resetForm : signUpView ? signUpForm : loginForm\"></ng-container>\n  </div>\n</biit-popup>\n\n<ng-template #loginForm>\n  <div id=\"login-column\" class=\"login-column\" *transloco=\"let t\">\n    <biit-input-text id=\"login-username\" [(ngModel)]=\"login.username\" fieldName=\"username\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.USERNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.username')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"login-password\" [(ngModel)]=\"login.password\" fieldName=\"password\"\n                     [error]=\"this.loginErrors.get(LoginError.PASSWORD)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.password')}}\" [type]=\"Type.PASSWORD\" class=\"login-input\"></biit-input-text>\n    <biit-toggle\n      class=\"margin-vertical-14\"\n      [(ngModel)]=\"login.remember\">\n      {{ t('login.remember') }}\n    </biit-toggle>\n    <div class=\"margin-top-18 centered\">\n      <button id=\"login-button\" biit-button primary\n              (click)=\"performLogin()\"\n      >\n        {{ t('login.take_me_in') }}\n      </button>\n    </div>\n    <div class=\"margin-top-18 centered\">\n      <button biit-button tertiary *ngIf=\"allowResetPassword\"\n              (click)=\"resetView = true\"\n              class=\"smaller-text\"\n      >\n        {{ t('login.forgot') }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resetForm>\n  <div class=\"login-column-expanded\" *transloco=\"let t\">\n    <span class=\"title\">\n      {{ t('login.reset_password_title') }}\n    </span>\n    <span class=\"subtitle\"\n          style=\"margin-top: 1em;\">\n      {{ t('login.reset_password_subtitle') }}\n    </span>\n    <span class=\"body\"\n          style=\"margin-top: 0.5em\">\n      {{ t('login.reset_password_body') }}\n    </span>\n    <biit-input-text [(ngModel)]=\"resetEmail\" fieldName=\"email\" [type]=\"Type.EMAIL\"\n                     [error]=\"this.loginErrors.get(LoginError.EMAIL)\"\n                     (keyup.enter)=\"performResetPassword()\" style=\"margin-top: 2em; margin-bottom: 2.5em\"\n                     placeholder=\"{{t('login.email')}}\" class=\"login-input\"></biit-input-text>\n    <div class=\"buttons\">\n      <button biit-button (click)=\"performResetPassword()\">\n        {{ t('login.reset') }}\n      </button>\n      <button biit-button tertiary (click)=\"restartView()\" class=\"smaller-text\">\n        {{ t('login.i_remember') }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #signUpForm>\n  <div id=\"signup-column\" class=\"login-column\" *transloco=\"let t\">\n    <biit-input-text id=\"signup-username\" [(ngModel)]=\"signUpData.username\" fieldName=\"username\"\n                     *ngIf=\"!signUpGeneratedUsername\"\n                     [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.USERNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     (ngModelChange)=\"usernameSearch.next($event)\"\n                     placeholder=\"{{t('login.username')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-name\" [(ngModel)]=\"signUpData.name\" fieldName=\"name\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.NAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.name')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-lastname\" [(ngModel)]=\"signUpData.lastname\" fieldName=\"lastname\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.LASTNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.lastname')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-email\" [(ngModel)]=\"signUpData.email\" fieldName=\"email\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.EMAIL)\" [required]=\"true\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.email')}}\" class=\"login-input\"></biit-input-text>\n    <biit-dropdown\n      *ngIf=\"teams && teams.length\"\n      [(ngModel)]=\"dumbTeam\"\n      [required]=\"true\"\n      [data]=\"teams\"\n      value=\"key\"\n      label=\"label\"\n      title=\"{{t('login.team')}}\" class=\"login-input\"/>\n    <biit-input-text id=\"signup-password\" [(ngModel)]=\"signUpData.password\" fieldName=\"password\"\n                     [error]=\"this.loginErrors.get(LoginError.PASSWORD)\"\n                     (keyup.enter)=\"performLogin()\" *ngIf=\"!signUpGeneratedPassword\"\n                     placeholder=\"{{t('login.password')}}\" [type]=\"Type.PASSWORD\" class=\"login-input\"></biit-input-text>\n    <div class=\"margin-top-18 centered\">\n      <button id=\"signup-button\" biit-button primary\n              (click)=\"performSignUp()\"\n      >\n        {{ t('login.sign_me_up') }}\n      </button>\n    </div>\n  </div>\n  <div *transloco=\"let t\">\n    <biit-popup *ngIf=\"notification && showNotification\" id=\"warning-popup\"\n                [title]=\"t('login-welcome.warning_window.tittle')\"\n                closable\n                (onClosed)=\"showNotification = false\">\n      <div [innerHTML]=\"t('login-welcome.warning_window.content')\"></div>\n    </biit-popup>\n  </div>\n</ng-template>\n", styles: [".login-container{display:flex;font-size:inherit;column-gap:4.2rem}.login-container.allow-signup{padding:.5rem}.login-column{width:12.8em;display:inline-flex;flex-direction:column}.login-column-expanded{width:20em;display:inline-flex;flex-direction:column}.login-key-icon{position:absolute;margin-top:1em;rotate:90deg;height:12.8em;width:12.8em}.login-keyring{width:1.1em;background:var(--main-color);height:2.85em}.login-icon-square{display:inline-flex;border:solid .175em var(--component-color);width:12.8em;height:12.8em;box-sizing:border-box;flex-direction:column;align-items:center}.login-input{margin-top:1.05em;margin-bottom:1.05em}.margin-vertical-14{margin:.7em 0}.margin-top-18{margin-top:.9em}.centered{display:inline-flex;justify-content:center}.smaller-text{font-size:.9em}.title{font-size:1.5em;font-weight:700}.subtitle{font-size:1em;font-weight:700}.body{font-size:.85em}.buttons{display:flex;align-items:center;gap:2.5em}.tab-buttons{position:absolute;right:0;top:0;width:50%;height:calc(2rem + 3px);display:flex}.tab-buttons div{display:flex;flex-grow:1;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:var(--disabled-primary-color)}.tab-buttons div:hover{border-bottom:3px solid var(--disabled-primary-color)}.tab-buttons div.selected{background:transparent;color:var(--component-color);border-bottom:3px solid var(--active-color)}@media (max-width: 600px){::ng-deep .popup-canvas{min-width:auto!important}::ng-deep .popup-canvas .login-container{flex-direction:column-reverse;gap:1.5rem}::ng-deep .popup-canvas .login-column-expanded{min-width:12.8em}.buttons{gap:1.5em;flex-wrap:wrap}.tab-buttons{width:100%}}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.BiitPopupComponent, selector: "biit-popup", inputs: ["title", "mouseEvent"], outputs: ["onClosed"] }, { kind: "directive", type: i3.BiitPopupNoHeaderDirective, selector: "[no-header]" }, { kind: "directive", type: i3.BiitPopupClosableDirective, selector: "[closable]" }, { kind: "component", type: i4.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }, { kind: "component", type: i5.BiitInputTextComponent, selector: "biit-input-text", inputs: ["placeholder", "error", "description", "info", "type", "icon", "fieldName", "disabled", "required", "readonly", "min", "max", "minLength", "maxLength", "regEx"], outputs: ["onActionPerformed"] }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.BiitToggleComponent, selector: "biit-toggle", inputs: ["disabled", "description"] }, { kind: "component", type: i7.BiitButtonComponent, selector: "button[biit-button]" }, { kind: "directive", type: i7.BiitButtonPrimaryDirective, selector: "[primary]" }, { kind: "directive", type: i7.BiitButtonTertiaryDirective, selector: "[tertiary]" }, { kind: "directive", type: i1.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: i5.BiitDropdownComponent, selector: "biit-dropdown", inputs: ["title", "label", "value", "descriptionLabel", "description", "data", "primitive", "compact", "disabled", "required", "sort-asc", "sort-desc", "icon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitLoginComponent, decorators: [{
             type: Component,
             args: [{ selector: 'biit-login', providers: [{
@@ -208,7 +208,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                             provide: TRANSLOCO_SCOPE,
                             useValue: { scope: 'wizardry-theme/login-welcome', alias: "login-welcome" },
                             multi: true
-                        }], template: "<biit-popup no-header *transloco=\"let t\">\n  <div id=\"login-tabs\"\n       *ngIf=\"allowSignUp && !resetView\"\n       class=\"tab-buttons\"\n  >\n    <div id=\"tab-login\"\n         [class.selected]=\"!signUpView\"\n         (click)=\"signUpView = false\"\n    >\n      {{ t('login.log_in') }}\n    </div>\n    <div id=\"tab-signup\"\n         [class.selected]=\"signUpView\"\n         (click)=\"signUpView = true\"\n    >\n      {{ t('login.sign_up') }}\n    </div>\n  </div>\n  <div class=\"login-container\" [class.allow-signup]=\"allowSignUp\">\n    <div class=\"login-column\">\n      <div class=\"login-icon-square\">\n        <div class=\"login-keyring\"></div>\n        <biit-icon [name]=\"$any('key_' + keyId)\" class=\"login-key-icon\"></biit-icon>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"resetView ? resetForm : signUpView ? signUpForm : loginForm\"></ng-container>\n  </div>\n</biit-popup>\n\n<ng-template #loginForm>\n  <div id=\"login-column\" class=\"login-column\" *transloco=\"let t\">\n    <biit-input-text id=\"login-username\" [(ngModel)]=\"login.username\" fieldName=\"username\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.USERNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.username')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"login-password\" [(ngModel)]=\"login.password\" fieldName=\"password\"\n                     [error]=\"this.loginErrors.get(LoginError.PASSWORD)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.password')}}\" [type]=\"Type.PASSWORD\" class=\"login-input\"></biit-input-text>\n    <biit-toggle\n      class=\"margin-vertical-14\"\n      [(ngModel)]=\"login.remember\">\n      {{ t('login.remember') }}\n    </biit-toggle>\n    <div class=\"margin-top-18 centered\">\n      <button id=\"login-button\" biit-button primary\n              (click)=\"performLogin()\"\n      >\n        {{ t('login.take_me_in') }}\n      </button>\n    </div>\n    <div class=\"margin-top-18 centered\">\n      <button biit-button tertiary *ngIf=\"allowResetPassword\"\n              (click)=\"resetView = true\"\n              class=\"smaller-text\"\n      >\n        {{ t('login.forgot') }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resetForm>\n  <div class=\"login-column-expanded\" *transloco=\"let t\">\n    <span class=\"title\">\n      {{ t('login.reset_password_title') }}\n    </span>\n    <span class=\"subtitle\"\n          style=\"margin-top: 1em;\">\n      {{ t('login.reset_password_subtitle') }}\n    </span>\n    <span class=\"body\"\n          style=\"margin-top: 0.5em\">\n      {{ t('login.reset_password_body') }}\n    </span>\n    <biit-input-text [(ngModel)]=\"resetEmail\" fieldName=\"email\" [type]=\"Type.EMAIL\"\n                     [error]=\"this.loginErrors.get(LoginError.EMAIL)\"\n                     (keyup.enter)=\"performResetPassword()\" style=\"margin-top: 2em; margin-bottom: 2.5em\"\n                     placeholder=\"{{t('login.email')}}\" class=\"login-input\"></biit-input-text>\n    <div class=\"buttons\">\n      <button biit-button (click)=\"performResetPassword()\">\n        {{ t('login.reset') }}\n      </button>\n      <button biit-button tertiary (click)=\"restartView()\" class=\"smaller-text\">\n        {{ t('login.i_remember') }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #signUpForm>\n  <div id=\"signup-column\" class=\"login-column\" *transloco=\"let t\">\n    <biit-input-text id=\"signup-username\" [(ngModel)]=\"signUpData.username\" fieldName=\"username\"\n                     *ngIf=\"!signUpGeneratedUsername\"\n                     [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.USERNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     (ngModelChange)=\"usernameSearch.next($event)\"\n                     placeholder=\"{{t('login.username')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-name\" [(ngModel)]=\"signUpData.name\" fieldName=\"name\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.NAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.name')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-lastname\" [(ngModel)]=\"signUpData.lastname\" fieldName=\"lastname\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.LASTNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.lastname')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-email\" [(ngModel)]=\"signUpData.email\" fieldName=\"email\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.EMAIL)\" [required]=\"true\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.email')}}\" class=\"login-input\"></biit-input-text>\n    <biit-dropdown\n      *ngIf=\"teams && teams.length\"\n      [(ngModel)]=\"dumbTeam\"\n      [required]=\"true\"\n      [data]=\"teams\"\n      value=\"key\"\n      label=\"label\"\n      title=\"{{t('login.team')}}\" class=\"login-input\"/>\n    <biit-input-text id=\"signup-password\" [(ngModel)]=\"signUpData.password\" fieldName=\"password\"\n                     [error]=\"this.loginErrors.get(LoginError.PASSWORD)\"\n                     (keyup.enter)=\"performLogin()\" *ngIf=\"!signUpGeneratedPassword\"\n                     placeholder=\"{{t('login.password')}}\" [type]=\"Type.PASSWORD\" class=\"login-input\"></biit-input-text>\n    <div class=\"margin-top-18 centered\">\n      <button id=\"signup-button\" biit-button primary\n              (click)=\"performSignUp()\"\n      >\n        {{ t('login.sign_me_up') }}\n      </button>\n    </div>\n  </div>\n  <div *transloco=\"let t\">\n    <biit-popup *ngIf=\"notification && showNotification\" id=\"warning-popup\"\n                [title]=\"t('login-welcome.warning_window.tittle')\"\n                closable\n                (onClosed)=\"showNotification = false\">\n      <div [innerHTML]=\"t('login-welcome.warning_window.content')\"></div>\n    </biit-popup>\n  </div>\n</ng-template>\n", styles: [".login-container{display:flex;font-size:inherit;column-gap:4.2rem}.login-container.allow-signup{padding:.5rem}.login-column{width:12.8em;display:inline-flex;flex-direction:column}.login-column-expanded{width:20em;display:inline-flex;flex-direction:column}.login-key-icon{position:absolute;margin-top:1em;rotate:90deg;height:12.8em;width:12.8em}.login-keyring{width:1.1em;background:var(--main-color);height:2.85em}.login-icon-square{display:inline-flex;border:solid .175em var(--component-color);width:12.8em;height:12.8em;box-sizing:border-box;flex-direction:column;align-items:center}.login-input{margin-top:1.05em;margin-bottom:1.05em}.margin-vertical-14{margin:.7em 0}.margin-top-18{margin-top:.9em}.centered{display:inline-flex;justify-content:center}.smaller-text{font-size:.9em}.title{font-size:1.5em;font-weight:700}.subtitle{font-size:1em;font-weight:700}.body{font-size:.85em}.buttons{display:flex;align-items:center;gap:2.5em}.tab-buttons{position:absolute;right:0;top:0;width:50%;height:calc(2rem + 3px);display:flex}.tab-buttons div{display:flex;flex-grow:1;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:var(--disabled-primary-color)}.tab-buttons div:hover{border-bottom:3px solid var(--disabled-primary-color)}.tab-buttons div.selected{background:transparent;color:#262626;border-bottom:3px solid var(--active-color)}@media (max-width: 600px){::ng-deep .popup-canvas{min-width:auto!important}::ng-deep .popup-canvas .login-container{flex-direction:column-reverse;gap:1.5rem}::ng-deep .popup-canvas .login-column-expanded{min-width:12.8em}.buttons{gap:1.5em;flex-wrap:wrap}.tab-buttons{width:100%}}\n"] }]
+                        }], template: "<biit-popup no-header *transloco=\"let t\">\n  <div id=\"login-tabs\"\n       *ngIf=\"allowSignUp && !resetView\"\n       class=\"tab-buttons\"\n  >\n    <div id=\"tab-login\"\n         [class.selected]=\"!signUpView\"\n         (click)=\"signUpView = false\"\n    >\n      {{ t('login.log_in') }}\n    </div>\n    <div id=\"tab-signup\"\n         [class.selected]=\"signUpView\"\n         (click)=\"signUpView = true\"\n    >\n      {{ t('login.sign_up') }}\n    </div>\n  </div>\n  <div class=\"login-container\" [class.allow-signup]=\"allowSignUp\">\n    <div class=\"login-column\">\n      <div class=\"login-icon-square\">\n        <div class=\"login-keyring\"></div>\n        <biit-icon [name]=\"$any('key_' + keyId)\" class=\"login-key-icon\"></biit-icon>\n      </div>\n    </div>\n    <ng-container *ngTemplateOutlet=\"resetView ? resetForm : signUpView ? signUpForm : loginForm\"></ng-container>\n  </div>\n</biit-popup>\n\n<ng-template #loginForm>\n  <div id=\"login-column\" class=\"login-column\" *transloco=\"let t\">\n    <biit-input-text id=\"login-username\" [(ngModel)]=\"login.username\" fieldName=\"username\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.USERNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.username')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"login-password\" [(ngModel)]=\"login.password\" fieldName=\"password\"\n                     [error]=\"this.loginErrors.get(LoginError.PASSWORD)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.password')}}\" [type]=\"Type.PASSWORD\" class=\"login-input\"></biit-input-text>\n    <biit-toggle\n      class=\"margin-vertical-14\"\n      [(ngModel)]=\"login.remember\">\n      {{ t('login.remember') }}\n    </biit-toggle>\n    <div class=\"margin-top-18 centered\">\n      <button id=\"login-button\" biit-button primary\n              (click)=\"performLogin()\"\n      >\n        {{ t('login.take_me_in') }}\n      </button>\n    </div>\n    <div class=\"margin-top-18 centered\">\n      <button biit-button tertiary *ngIf=\"allowResetPassword\"\n              (click)=\"resetView = true\"\n              class=\"smaller-text\"\n      >\n        {{ t('login.forgot') }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #resetForm>\n  <div class=\"login-column-expanded\" *transloco=\"let t\">\n    <span class=\"title\">\n      {{ t('login.reset_password_title') }}\n    </span>\n    <span class=\"subtitle\"\n          style=\"margin-top: 1em;\">\n      {{ t('login.reset_password_subtitle') }}\n    </span>\n    <span class=\"body\"\n          style=\"margin-top: 0.5em\">\n      {{ t('login.reset_password_body') }}\n    </span>\n    <biit-input-text [(ngModel)]=\"resetEmail\" fieldName=\"email\" [type]=\"Type.EMAIL\"\n                     [error]=\"this.loginErrors.get(LoginError.EMAIL)\"\n                     (keyup.enter)=\"performResetPassword()\" style=\"margin-top: 2em; margin-bottom: 2.5em\"\n                     placeholder=\"{{t('login.email')}}\" class=\"login-input\"></biit-input-text>\n    <div class=\"buttons\">\n      <button biit-button (click)=\"performResetPassword()\">\n        {{ t('login.reset') }}\n      </button>\n      <button biit-button tertiary (click)=\"restartView()\" class=\"smaller-text\">\n        {{ t('login.i_remember') }}\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #signUpForm>\n  <div id=\"signup-column\" class=\"login-column\" *transloco=\"let t\">\n    <biit-input-text id=\"signup-username\" [(ngModel)]=\"signUpData.username\" fieldName=\"username\"\n                     *ngIf=\"!signUpGeneratedUsername\"\n                     [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.USERNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     (ngModelChange)=\"usernameSearch.next($event)\"\n                     placeholder=\"{{t('login.username')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-name\" [(ngModel)]=\"signUpData.name\" fieldName=\"name\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.NAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.name')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-lastname\" [(ngModel)]=\"signUpData.lastname\" fieldName=\"lastname\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.LASTNAME)\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.lastname')}}\" class=\"login-input\"></biit-input-text>\n    <biit-input-text id=\"signup-email\" [(ngModel)]=\"signUpData.email\" fieldName=\"email\" [type]=\"Type.TEXT\"\n                     [error]=\"this.loginErrors.get(LoginError.EMAIL)\" [required]=\"true\"\n                     (keyup.enter)=\"performLogin()\"\n                     placeholder=\"{{t('login.email')}}\" class=\"login-input\"></biit-input-text>\n    <biit-dropdown\n      *ngIf=\"teams && teams.length\"\n      [(ngModel)]=\"dumbTeam\"\n      [required]=\"true\"\n      [data]=\"teams\"\n      value=\"key\"\n      label=\"label\"\n      title=\"{{t('login.team')}}\" class=\"login-input\"/>\n    <biit-input-text id=\"signup-password\" [(ngModel)]=\"signUpData.password\" fieldName=\"password\"\n                     [error]=\"this.loginErrors.get(LoginError.PASSWORD)\"\n                     (keyup.enter)=\"performLogin()\" *ngIf=\"!signUpGeneratedPassword\"\n                     placeholder=\"{{t('login.password')}}\" [type]=\"Type.PASSWORD\" class=\"login-input\"></biit-input-text>\n    <div class=\"margin-top-18 centered\">\n      <button id=\"signup-button\" biit-button primary\n              (click)=\"performSignUp()\"\n      >\n        {{ t('login.sign_me_up') }}\n      </button>\n    </div>\n  </div>\n  <div *transloco=\"let t\">\n    <biit-popup *ngIf=\"notification && showNotification\" id=\"warning-popup\"\n                [title]=\"t('login-welcome.warning_window.tittle')\"\n                closable\n                (onClosed)=\"showNotification = false\">\n      <div [innerHTML]=\"t('login-welcome.warning_window.content')\"></div>\n    </biit-popup>\n  </div>\n</ng-template>\n", styles: [".login-container{display:flex;font-size:inherit;column-gap:4.2rem}.login-container.allow-signup{padding:.5rem}.login-column{width:12.8em;display:inline-flex;flex-direction:column}.login-column-expanded{width:20em;display:inline-flex;flex-direction:column}.login-key-icon{position:absolute;margin-top:1em;rotate:90deg;height:12.8em;width:12.8em}.login-keyring{width:1.1em;background:var(--main-color);height:2.85em}.login-icon-square{display:inline-flex;border:solid .175em var(--component-color);width:12.8em;height:12.8em;box-sizing:border-box;flex-direction:column;align-items:center}.login-input{margin-top:1.05em;margin-bottom:1.05em}.margin-vertical-14{margin:.7em 0}.margin-top-18{margin-top:.9em}.centered{display:inline-flex;justify-content:center}.smaller-text{font-size:.9em}.title{font-size:1.5em;font-weight:700}.subtitle{font-size:1em;font-weight:700}.body{font-size:.85em}.buttons{display:flex;align-items:center;gap:2.5em}.tab-buttons{position:absolute;right:0;top:0;width:50%;height:calc(2rem + 3px);display:flex}.tab-buttons div{display:flex;flex-grow:1;flex-shrink:0;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:var(--disabled-primary-color)}.tab-buttons div:hover{border-bottom:3px solid var(--disabled-primary-color)}.tab-buttons div.selected{background:transparent;color:var(--component-color);border-bottom:3px solid var(--active-color)}@media (max-width: 600px){::ng-deep .popup-canvas{min-width:auto!important}::ng-deep .popup-canvas .login-container{flex-direction:column-reverse;gap:1.5rem}::ng-deep .popup-canvas .login-column-expanded{min-width:12.8em}.buttons{gap:1.5em;flex-wrap:wrap}.tab-buttons{width:100%}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslocoService }]; }, propDecorators: { login: [{
                 type: Input
             }], allowSignUp: [{

package/esm2020/popup/biit-popup/biit-popup.component.mjs CHANGED Viewed

@@ -130,10 +130,10 @@ export class BiitPopupComponent {
     }
 }
 BiitPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-BiitPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitPopupComponent, selector: "biit-popup", inputs: { title: "title", mouseEvent: "mouseEvent" }, outputs: { onClosed: "onClosed" }, host: { listeners: { "document:keydown.escape": "onEscPress($event)" } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"type !== Type.INFO_BOX\" [class.dark-bg]=\"background\" class=\"popup-background\"\n     (click)=\"closableOutside ? onClosed.emit() : false\">\n</div>\n<div #popup id=\"biit-popup\"\n     [class.popup-canvas]=\"type == Type.DEFAULT\"\n     [class.sixty-canvas]=\"type == Type.SIXTY\"\n     [class.info-box-canvas]=\"type == Type.INFO_BOX\"\n     [ngStyle]=\"type == Type.INFO_BOX ? {top: coordinates.y, left: coordinates.x} : undefined\">\n  <div *ngIf=\"header\" id=\"header\"\n       class=\"header\">\n    <div class=\"title\">\n      <a>{{ title }}</a>\n    </div>\n    <div class=\"bar\"></div>\n    <biit-icon *ngIf=\"closable\" id=\"popup-x-button\"\n               class=\"close\"\n               [name]=\"'cross_wide'\"\n               [pathStyle]=\"{fill: '#000000'}\"\n               (click)=\"onClosed.emit()\"\n    ></biit-icon>\n  </div>\n  <div class=\"content\" id=\"content\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.popup-background.dark-bg{background-color:#00000026}.popup-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:50%;left:50%;transform:translate(-50%,-50%);min-width:30rem;background-color:var(--popup-background);z-index:12;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem}.popup-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas{top:0!important;left:0!important;transform:unset!important;height:100%!important;width:100%!important;text-align:center;min-width:unset!important}}@media screen and (max-width: 800px){.sixty-canvas{width:100vw!important;padding:1rem!important}}.sixty-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:0;right:0;width:60vw;height:100vh;background-color:var(--popup-background);z-index:11;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem 2.1rem 3rem}.sixty-canvas>.content{display:inline-flex;width:100%;height:-moz-fit-content;height:fit-content;flex-grow:1;overflow-y:auto}.popup-canvas .header,.sixty-canvas .header{position:relative;display:flex;align-items:center;justify-content:flex-end;height:2.1rem;width:100%;flex-shrink:0}.popup-canvas .header .title,.sixty-canvas .header .title{display:inline-flex;flex-grow:1;max-width:90%;text-transform:uppercase;font-size:1.5rem;font-weight:bolder;position:absolute;left:0}.popup-canvas .header .title a,.sixty-canvas .header .title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-canvas .header .bar,.sixty-canvas .header .bar{position:absolute;bottom:0;left:0;height:3px;width:60%;background:var(--component-color)}.popup-canvas .header .close,.sixty-canvas .header .close{display:inline-flex;height:.9rem;width:.9rem;cursor:pointer}.info-box-canvas{position:fixed;width:23.5rem;display:flex;flex-direction:column;padding:1.5rem;background:var(--popup-background);border:3px solid var(--component-color);gap:.75rem}.info-box-canvas .bar{display:none}.info-box-canvas .header{display:flex;align-items:start}.info-box-canvas .header .title{font-weight:700;text-transform:uppercase;flex-grow:1;padding-right:.5rem}.info-box-canvas .close{height:.8rem;width:1rem;flex-shrink:0;margin-top:.2rem;cursor:pointer}.info-box-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas>.content{justify-content:center}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }] });
+BiitPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitPopupComponent, selector: "biit-popup", inputs: { title: "title", mouseEvent: "mouseEvent" }, outputs: { onClosed: "onClosed" }, host: { listeners: { "document:keydown.escape": "onEscPress($event)" } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"type !== Type.INFO_BOX\" [class.dark-bg]=\"background\" class=\"popup-background\"\n     (click)=\"closableOutside ? onClosed.emit() : false\">\n</div>\n<div #popup id=\"biit-popup\"\n     [class.popup-canvas]=\"type == Type.DEFAULT\"\n     [class.sixty-canvas]=\"type == Type.SIXTY\"\n     [class.info-box-canvas]=\"type == Type.INFO_BOX\"\n     [ngStyle]=\"type == Type.INFO_BOX ? {top: coordinates.y, left: coordinates.x} : undefined\">\n  <div *ngIf=\"header\" id=\"header\"\n       class=\"header\">\n    <div class=\"title\">\n      <a>{{ title }}</a>\n    </div>\n    <div class=\"bar\"></div>\n    <biit-icon *ngIf=\"closable\" id=\"popup-x-button\"\n               class=\"close\"\n               [name]=\"'cross_wide'\"\n               [pathStyle]=\"{fill: '#000000'}\"\n               (click)=\"onClosed.emit()\"\n    ></biit-icon>\n  </div>\n  <div class=\"content\" id=\"content\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.popup-background.dark-bg{background-color:var(--popup-background-color)}.popup-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:50%;left:50%;transform:translate(-50%,-50%);min-width:30rem;background-color:var(--chart-background);z-index:12;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem}.popup-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas{top:0!important;left:0!important;transform:unset!important;height:100%!important;width:100%!important;text-align:center;min-width:unset!important}}@media screen and (max-width: 800px){.sixty-canvas{width:100vw!important;padding:1rem!important}}.sixty-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:0;right:0;width:60vw;height:100vh;background-color:var(--chart-background);z-index:11;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem 2.1rem 3rem}.sixty-canvas>.content{display:inline-flex;width:100%;height:-moz-fit-content;height:fit-content;flex-grow:1;overflow-y:auto}.popup-canvas .header,.sixty-canvas .header{position:relative;display:flex;align-items:center;justify-content:flex-end;height:2.1rem;width:100%;flex-shrink:0}.popup-canvas .header .title,.sixty-canvas .header .title{display:inline-flex;flex-grow:1;max-width:90%;text-transform:uppercase;font-size:1.5rem;font-weight:bolder;position:absolute;left:0}.popup-canvas .header .title a,.sixty-canvas .header .title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-canvas .header .bar,.sixty-canvas .header .bar{position:absolute;bottom:0;left:0;height:3px;width:60%;background:var(--component-color)}.popup-canvas .header .close,.sixty-canvas .header .close{display:inline-flex;height:.9rem;width:.9rem;cursor:pointer}.info-box-canvas{position:fixed;width:23.5rem;display:flex;flex-direction:column;padding:1.5rem;background:var(--chart-background);border:3px solid var(--component-color);gap:.75rem}.info-box-canvas .bar{display:none}.info-box-canvas .header{display:flex;align-items:start}.info-box-canvas .header .title{font-weight:700;text-transform:uppercase;flex-grow:1;padding-right:.5rem}.info-box-canvas .close{height:.8rem;width:1rem;flex-shrink:0;margin-top:.2rem;cursor:pointer}.info-box-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas>.content{justify-content:center}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'biit-popup', template: "<div *ngIf=\"type !== Type.INFO_BOX\" [class.dark-bg]=\"background\" class=\"popup-background\"\n     (click)=\"closableOutside ? onClosed.emit() : false\">\n</div>\n<div #popup id=\"biit-popup\"\n     [class.popup-canvas]=\"type == Type.DEFAULT\"\n     [class.sixty-canvas]=\"type == Type.SIXTY\"\n     [class.info-box-canvas]=\"type == Type.INFO_BOX\"\n     [ngStyle]=\"type == Type.INFO_BOX ? {top: coordinates.y, left: coordinates.x} : undefined\">\n  <div *ngIf=\"header\" id=\"header\"\n       class=\"header\">\n    <div class=\"title\">\n      <a>{{ title }}</a>\n    </div>\n    <div class=\"bar\"></div>\n    <biit-icon *ngIf=\"closable\" id=\"popup-x-button\"\n               class=\"close\"\n               [name]=\"'cross_wide'\"\n               [pathStyle]=\"{fill: '#000000'}\"\n               (click)=\"onClosed.emit()\"\n    ></biit-icon>\n  </div>\n  <div class=\"content\" id=\"content\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.popup-background.dark-bg{background-color:#00000026}.popup-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:50%;left:50%;transform:translate(-50%,-50%);min-width:30rem;background-color:var(--popup-background);z-index:12;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem}.popup-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas{top:0!important;left:0!important;transform:unset!important;height:100%!important;width:100%!important;text-align:center;min-width:unset!important}}@media screen and (max-width: 800px){.sixty-canvas{width:100vw!important;padding:1rem!important}}.sixty-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:0;right:0;width:60vw;height:100vh;background-color:var(--popup-background);z-index:11;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem 2.1rem 3rem}.sixty-canvas>.content{display:inline-flex;width:100%;height:-moz-fit-content;height:fit-content;flex-grow:1;overflow-y:auto}.popup-canvas .header,.sixty-canvas .header{position:relative;display:flex;align-items:center;justify-content:flex-end;height:2.1rem;width:100%;flex-shrink:0}.popup-canvas .header .title,.sixty-canvas .header .title{display:inline-flex;flex-grow:1;max-width:90%;text-transform:uppercase;font-size:1.5rem;font-weight:bolder;position:absolute;left:0}.popup-canvas .header .title a,.sixty-canvas .header .title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-canvas .header .bar,.sixty-canvas .header .bar{position:absolute;bottom:0;left:0;height:3px;width:60%;background:var(--component-color)}.popup-canvas .header .close,.sixty-canvas .header .close{display:inline-flex;height:.9rem;width:.9rem;cursor:pointer}.info-box-canvas{position:fixed;width:23.5rem;display:flex;flex-direction:column;padding:1.5rem;background:var(--popup-background);border:3px solid var(--component-color);gap:.75rem}.info-box-canvas .bar{display:none}.info-box-canvas .header{display:flex;align-items:start}.info-box-canvas .header .title{font-weight:700;text-transform:uppercase;flex-grow:1;padding-right:.5rem}.info-box-canvas .close{height:.8rem;width:1rem;flex-shrink:0;margin-top:.2rem;cursor:pointer}.info-box-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas>.content{justify-content:center}}\n"] }]
+            args: [{ selector: 'biit-popup', template: "<div *ngIf=\"type !== Type.INFO_BOX\" [class.dark-bg]=\"background\" class=\"popup-background\"\n     (click)=\"closableOutside ? onClosed.emit() : false\">\n</div>\n<div #popup id=\"biit-popup\"\n     [class.popup-canvas]=\"type == Type.DEFAULT\"\n     [class.sixty-canvas]=\"type == Type.SIXTY\"\n     [class.info-box-canvas]=\"type == Type.INFO_BOX\"\n     [ngStyle]=\"type == Type.INFO_BOX ? {top: coordinates.y, left: coordinates.x} : undefined\">\n  <div *ngIf=\"header\" id=\"header\"\n       class=\"header\">\n    <div class=\"title\">\n      <a>{{ title }}</a>\n    </div>\n    <div class=\"bar\"></div>\n    <biit-icon *ngIf=\"closable\" id=\"popup-x-button\"\n               class=\"close\"\n               [name]=\"'cross_wide'\"\n               [pathStyle]=\"{fill: '#000000'}\"\n               (click)=\"onClosed.emit()\"\n    ></biit-icon>\n  </div>\n  <div class=\"content\" id=\"content\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.popup-background.dark-bg{background-color:var(--popup-background-color)}.popup-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:50%;left:50%;transform:translate(-50%,-50%);min-width:30rem;background-color:var(--chart-background);z-index:12;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem}.popup-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas{top:0!important;left:0!important;transform:unset!important;height:100%!important;width:100%!important;text-align:center;min-width:unset!important}}@media screen and (max-width: 800px){.sixty-canvas{width:100vw!important;padding:1rem!important}}.sixty-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:0;right:0;width:60vw;height:100vh;background-color:var(--chart-background);z-index:11;border:3px solid var(--component-color);box-sizing:border-box;padding:2.1rem 2.1rem 3rem}.sixty-canvas>.content{display:inline-flex;width:100%;height:-moz-fit-content;height:fit-content;flex-grow:1;overflow-y:auto}.popup-canvas .header,.sixty-canvas .header{position:relative;display:flex;align-items:center;justify-content:flex-end;height:2.1rem;width:100%;flex-shrink:0}.popup-canvas .header .title,.sixty-canvas .header .title{display:inline-flex;flex-grow:1;max-width:90%;text-transform:uppercase;font-size:1.5rem;font-weight:bolder;position:absolute;left:0}.popup-canvas .header .title a,.sixty-canvas .header .title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-canvas .header .bar,.sixty-canvas .header .bar{position:absolute;bottom:0;left:0;height:3px;width:60%;background:var(--component-color)}.popup-canvas .header .close,.sixty-canvas .header .close{display:inline-flex;height:.9rem;width:.9rem;cursor:pointer}.info-box-canvas{position:fixed;width:23.5rem;display:flex;flex-direction:column;padding:1.5rem;background:var(--chart-background);border:3px solid var(--component-color);gap:.75rem}.info-box-canvas .bar{display:none}.info-box-canvas .header{display:flex;align-items:start}.info-box-canvas .header .title{font-weight:700;text-transform:uppercase;flex-grow:1;padding-right:.5rem}.info-box-canvas .close{height:.8rem;width:1rem;flex-shrink:0;margin-top:.2rem;cursor:pointer}.info-box-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas>.content{justify-content:center}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
                 type: Input
             }], mouseEvent: [{