@biit-solutions/wizardry-theme 1.21.35 → 1.22.1

package/esm2020/button/biit-action-button/biit-action-button.component.mjs

@@ -51,10 +51,10 @@ export class BiitActionButtonComponent {
     }
 }
 BiitActionButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitActionButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-BiitActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitActionButtonComponent, selector: "biit-action-button", inputs: { position: "position", additionalX: "additionalX", additionalY: "additionalY" }, queries: [{ propertyName: "inputButtons", predicate: BiitIconButtonComponent }], ngImport: i0, template: "<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n    <ng-content></ng-content>\n</div>\n", styles: [":root{--main-color: #F20D5E;--main-background: #D9D9D9;--floating-background: white;--main-font-color: white;--disabled-primary-color: #808080;--disabled-secondary-color: var(--main-color);--border-color: #262626}.floating-action-button{box-sizing:border-box;position:fixed;z-index:999;opacity:50%;background:white;border:3px solid var(--border-color);display:flex;flex-direction:column;justify-content:flex-end}.floating-action-button:hover{opacity:100%}.floating-action-button:hover ::ng-deep button:not(:first-child){display:flex}.floating-action-button ::ng-deep button:not(:first-child){display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+BiitActionButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitActionButtonComponent, selector: "biit-action-button", inputs: { position: "position", additionalX: "additionalX", additionalY: "additionalY" }, queries: [{ propertyName: "inputButtons", predicate: BiitIconButtonComponent }], ngImport: i0, template: "<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n    <ng-content></ng-content>\n</div>\n", styles: [":root{--main-color: #F20D5E;--main-background: #D9D9D9;--light-background: #D7D7D7;--error-color: #A1093F;--warning-color: #F20D5E;--floating-background: white;--main-font-color: white;--secondary-color: #808080;--secondary-text-color: #EDEDED;--secondary-background-color: #808080;--disabled-primary-color: #808080;--disabled-secondary-color: var(--main-color);--component-color: #262626;--active-color: var(--component-color);--hover-color: #EDEDED;--text-hover-color: #5A6473;--selected-color: #FBAEC9;--popup-background: #FFFFFF}.floating-action-button{box-sizing:border-box;position:fixed;z-index:999;opacity:50%;background:white;border:3px solid var(--component-color);display:flex;flex-direction:column;justify-content:flex-end}.floating-action-button:hover{opacity:100%}.floating-action-button:hover ::ng-deep button:not(:first-child){display:flex}.floating-action-button ::ng-deep button:not(:first-child){display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitActionButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'biit-action-button', template: "<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n    <ng-content></ng-content>\n</div>\n", styles: [":root{--main-color: #F20D5E;--main-background: #D9D9D9;--floating-background: white;--main-font-color: white;--disabled-primary-color: #808080;--disabled-secondary-color: var(--main-color);--border-color: #262626}.floating-action-button{box-sizing:border-box;position:fixed;z-index:999;opacity:50%;background:white;border:3px solid var(--border-color);display:flex;flex-direction:column;justify-content:flex-end}.floating-action-button:hover{opacity:100%}.floating-action-button:hover ::ng-deep button:not(:first-child){display:flex}.floating-action-button ::ng-deep button:not(:first-child){display:none}\n"] }]
+            args: [{ selector: 'biit-action-button', template: "<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n    <ng-content></ng-content>\n</div>\n", styles: [":root{--main-color: #F20D5E;--main-background: #D9D9D9;--light-background: #D7D7D7;--error-color: #A1093F;--warning-color: #F20D5E;--floating-background: white;--main-font-color: white;--secondary-color: #808080;--secondary-text-color: #EDEDED;--secondary-background-color: #808080;--disabled-primary-color: #808080;--disabled-secondary-color: var(--main-color);--component-color: #262626;--active-color: var(--component-color);--hover-color: #EDEDED;--text-hover-color: #5A6473;--selected-color: #FBAEC9;--popup-background: #FFFFFF}.floating-action-button{box-sizing:border-box;position:fixed;z-index:999;opacity:50%;background:white;border:3px solid var(--component-color);display:flex;flex-direction:column;justify-content:flex-end}.floating-action-button:hover{opacity:100%}.floating-action-button:hover ::ng-deep button:not(:first-child){display:flex}.floating-action-button ::ng-deep button:not(:first-child){display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { position: [{
                 type: Input
             }], additionalX: [{

package/esm2020/button/biit-button/biit-button.component.mjs

@@ -49,9 +49,9 @@ export class BiitButtonComponent {
     }
 }
 BiitButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BiitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitButtonComponent, selector: "button[biit-button]", ngImport: i0, template: "<div class=\"button-base prevent-select {{color}}\">\n  <div class=\"button-content\">\n    <span #text>\n      <ng-content></ng-content>\n    </span>\n    <div *ngIf=\"color == 'tertiary'\" class=\"bar\" [ngStyle]=\"{'width.px': text.offsetWidth }\"></div>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}:host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit}:host .button-base{font-size:inherit;line-height:1em;width:-moz-fit-content;width:fit-content;background:transparent;box-sizing:border-box;border:3px solid transparent;cursor:pointer}:host .button-base:not(.tertiary) .button-content{padding:.55em 1.4em}:host .button-base:not(.tertiary):active .button-content{translate:.3em .3em}:host .button-base:not(.tertiary).primary{color:var(--main-font-color);background:var(--main-color)}:host .button-base:not(.tertiary).primary:hover,:host .button-base:not(.tertiary).primary :focus-visible{background:transparent;border:3px solid var(--border-color)}:host .button-base:not(.tertiary).primary:active{background:transparent;border:3px solid var(--border-color)}:host .button-base:not(.tertiary).primary .button-content{background:var(--main-color)}:host .button-base:not(.tertiary).secondary{color:var(--border-color);border:3px solid var(--border-color)}:host .button-base:not(.tertiary).secondary:hover .button-content,:host .button-base:not(.tertiary).secondary :focus-visible .button-content{background:var(--disabled-secondary-color)}:host .button-base:not(.tertiary).secondary:active .button-content{background:var(--disabled-secondary-color)}:host .button-base.tertiary{color:var(--main-color);border:0}:host .button-base.tertiary:hover .bar,:host .button-base.tertiary :focus-visible .bar{top:.15em}:host .button-base.tertiary:active .bar{top:0}:host:focus-visible:not(.disabled) .primary{background:transparent;border:3px solid var(--border-color)}:host:focus-visible:not(.disabled) .secondary .button-content{background:var(--disabled-secondary-color)}:host:focus-visible:not(.disabled) .tertiary .bar{top:.15em}:host:disabled{pointer-events:none}:host:disabled .primary{border:3px solid var(--disabled-secondary-color)}:host:disabled .primary .button-content{background:var(--disabled-secondary-color)!important;color:var(--disabled-primary-color)}:host:disabled .secondary{border:3px solid var(--disabled-secondary-color)!important;color:var(--disabled-secondary-color)}:host:disabled .tertiary{color:var(--disabled-secondary-color)}:host:disabled .tertiary .bar{background:var(--disabled-secondary-color)}.prevent-select{-webkit-user-select:none;user-select:none}.button-content{width:-moz-fit-content;width:fit-content;text-transform:uppercase;font-weight:700;text-align:center}.bar{width:100%;height:.15em;background:var(--main-color);position:relative;margin:0 auto}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+BiitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitButtonComponent, selector: "button[biit-button]", ngImport: i0, template: "<div class=\"button-base prevent-select {{color}}\">\n  <div class=\"button-content\">\n    <span #text>\n      <ng-content></ng-content>\n    </span>\n    <div *ngIf=\"color == 'tertiary'\" class=\"bar\" [ngStyle]=\"{'width.px': text.offsetWidth }\"></div>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}:host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit}:host .button-base{font-size:inherit;line-height:1em;width:-moz-fit-content;width:fit-content;background:transparent;box-sizing:border-box;border:3px solid transparent;cursor:pointer}:host .button-base:not(.tertiary) .button-content{padding:.55em 1.4em}:host .button-base:not(.tertiary):active .button-content{translate:.3em .3em}:host .button-base:not(.tertiary).primary{color:var(--main-font-color);background:var(--main-color)}:host .button-base:not(.tertiary).primary:hover,:host .button-base:not(.tertiary).primary :focus-visible{background:transparent;border:3px solid var(--component-color)}:host .button-base:not(.tertiary).primary:active{background:transparent;border:3px solid var(--component-color)}:host .button-base:not(.tertiary).primary .button-content{background:var(--main-color)}:host .button-base:not(.tertiary).secondary{color:var(--component-color);border:3px solid var(--component-color)}:host .button-base:not(.tertiary).secondary:hover .button-content,:host .button-base:not(.tertiary).secondary :focus-visible .button-content{background:var(--disabled-secondary-color)}:host .button-base:not(.tertiary).secondary:active .button-content{background:var(--disabled-secondary-color)}:host .button-base.tertiary{color:var(--main-color);border:0}:host .button-base.tertiary:hover .bar,:host .button-base.tertiary :focus-visible .bar{top:.15em}:host .button-base.tertiary:active .bar{top:0}:host:focus-visible:not(.disabled) .primary{background:transparent;border:3px solid var(--component-color)}:host:focus-visible:not(.disabled) .secondary .button-content{background:var(--disabled-secondary-color)}:host:focus-visible:not(.disabled) .tertiary .bar{top:.15em}:host:disabled{pointer-events:none}:host:disabled .primary{border:3px solid var(--disabled-secondary-color)}:host:disabled .primary .button-content{background:var(--disabled-secondary-color)!important;color:var(--disabled-primary-color)}:host:disabled .secondary{border:3px solid var(--disabled-secondary-color)!important;color:var(--disabled-secondary-color)}:host:disabled .tertiary{color:var(--disabled-secondary-color)}:host:disabled .tertiary .bar{background:var(--disabled-secondary-color)}.prevent-select{-webkit-user-select:none;user-select:none}.button-content{width:-moz-fit-content;width:fit-content;text-transform:uppercase;font-weight:700;text-align:center}.bar{width:100%;height:.15em;background:var(--main-color);position:relative;margin:0 auto}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[biit-button]', template: "<div class=\"button-base prevent-select {{color}}\">\n  <div class=\"button-content\">\n    <span #text>\n      <ng-content></ng-content>\n    </span>\n    <div *ngIf=\"color == 'tertiary'\" class=\"bar\" [ngStyle]=\"{'width.px': text.offsetWidth }\"></div>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}:host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit}:host .button-base{font-size:inherit;line-height:1em;width:-moz-fit-content;width:fit-content;background:transparent;box-sizing:border-box;border:3px solid transparent;cursor:pointer}:host .button-base:not(.tertiary) .button-content{padding:.55em 1.4em}:host .button-base:not(.tertiary):active .button-content{translate:.3em .3em}:host .button-base:not(.tertiary).primary{color:var(--main-font-color);background:var(--main-color)}:host .button-base:not(.tertiary).primary:hover,:host .button-base:not(.tertiary).primary :focus-visible{background:transparent;border:3px solid var(--border-color)}:host .button-base:not(.tertiary).primary:active{background:transparent;border:3px solid var(--border-color)}:host .button-base:not(.tertiary).primary .button-content{background:var(--main-color)}:host .button-base:not(.tertiary).secondary{color:var(--border-color);border:3px solid var(--border-color)}:host .button-base:not(.tertiary).secondary:hover .button-content,:host .button-base:not(.tertiary).secondary :focus-visible .button-content{background:var(--disabled-secondary-color)}:host .button-base:not(.tertiary).secondary:active .button-content{background:var(--disabled-secondary-color)}:host .button-base.tertiary{color:var(--main-color);border:0}:host .button-base.tertiary:hover .bar,:host .button-base.tertiary :focus-visible .bar{top:.15em}:host .button-base.tertiary:active .bar{top:0}:host:focus-visible:not(.disabled) .primary{background:transparent;border:3px solid var(--border-color)}:host:focus-visible:not(.disabled) .secondary .button-content{background:var(--disabled-secondary-color)}:host:focus-visible:not(.disabled) .tertiary .bar{top:.15em}:host:disabled{pointer-events:none}:host:disabled .primary{border:3px solid var(--disabled-secondary-color)}:host:disabled .primary .button-content{background:var(--disabled-secondary-color)!important;color:var(--disabled-primary-color)}:host:disabled .secondary{border:3px solid var(--disabled-secondary-color)!important;color:var(--disabled-secondary-color)}:host:disabled .tertiary{color:var(--disabled-secondary-color)}:host:disabled .tertiary .bar{background:var(--disabled-secondary-color)}.prevent-select{-webkit-user-select:none;user-select:none}.button-content{width:-moz-fit-content;width:fit-content;text-transform:uppercase;font-weight:700;text-align:center}.bar{width:100%;height:.15em;background:var(--main-color);position:relative;margin:0 auto}\n"] }]
+            args: [{ selector: 'button[biit-button]', template: "<div class=\"button-base prevent-select {{color}}\">\n  <div class=\"button-content\">\n    <span #text>\n      <ng-content></ng-content>\n    </span>\n    <div *ngIf=\"color == 'tertiary'\" class=\"bar\" [ngStyle]=\"{'width.px': text.offsetWidth }\"></div>\n  </div>\n</div>\n", styles: ["*{box-sizing:border-box}:host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit}:host .button-base{font-size:inherit;line-height:1em;width:-moz-fit-content;width:fit-content;background:transparent;box-sizing:border-box;border:3px solid transparent;cursor:pointer}:host .button-base:not(.tertiary) .button-content{padding:.55em 1.4em}:host .button-base:not(.tertiary):active .button-content{translate:.3em .3em}:host .button-base:not(.tertiary).primary{color:var(--main-font-color);background:var(--main-color)}:host .button-base:not(.tertiary).primary:hover,:host .button-base:not(.tertiary).primary :focus-visible{background:transparent;border:3px solid var(--component-color)}:host .button-base:not(.tertiary).primary:active{background:transparent;border:3px solid var(--component-color)}:host .button-base:not(.tertiary).primary .button-content{background:var(--main-color)}:host .button-base:not(.tertiary).secondary{color:var(--component-color);border:3px solid var(--component-color)}:host .button-base:not(.tertiary).secondary:hover .button-content,:host .button-base:not(.tertiary).secondary :focus-visible .button-content{background:var(--disabled-secondary-color)}:host .button-base:not(.tertiary).secondary:active .button-content{background:var(--disabled-secondary-color)}:host .button-base.tertiary{color:var(--main-color);border:0}:host .button-base.tertiary:hover .bar,:host .button-base.tertiary :focus-visible .bar{top:.15em}:host .button-base.tertiary:active .bar{top:0}:host:focus-visible:not(.disabled) .primary{background:transparent;border:3px solid var(--component-color)}:host:focus-visible:not(.disabled) .secondary .button-content{background:var(--disabled-secondary-color)}:host:focus-visible:not(.disabled) .tertiary .bar{top:.15em}:host:disabled{pointer-events:none}:host:disabled .primary{border:3px solid var(--disabled-secondary-color)}:host:disabled .primary .button-content{background:var(--disabled-secondary-color)!important;color:var(--disabled-primary-color)}:host:disabled .secondary{border:3px solid var(--disabled-secondary-color)!important;color:var(--disabled-secondary-color)}:host:disabled .tertiary{color:var(--disabled-secondary-color)}:host:disabled .tertiary .bar{background:var(--disabled-secondary-color)}.prevent-select{-webkit-user-select:none;user-select:none}.button-content{width:-moz-fit-content;width:fit-content;text-transform:uppercase;font-weight:700;text-align:center}.bar{width:100%;height:.15em;background:var(--main-color);position:relative;margin:0 auto}\n"] }]
         }], ctorParameters: function () { return []; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmlpdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2l6YXJkcnktdGhlbWUvYnV0dG9uL3NyYy9iaWl0LWJ1dHRvbi9iaWl0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93aXphcmRyeS10aGVtZS9idXR0b24vc3JjL2JpaXQtYnV0dG9uL2JpaXQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOzs7QUFLbkQsTUFBTSxPQUFPLDBCQUEwQjtJQUNyQyxZQUFvQixNQUEyQjtRQUEzQixXQUFNLEdBQU4sTUFBTSxDQUFxQjtRQUM3QyxNQUFNLENBQUMsS0FBSyxHQUFHLFNBQVMsQ0FBQztJQUMzQixDQUFDOzt3SEFIVSwwQkFBMEI7NEdBQTFCLDBCQUEwQjs0RkFBMUIsMEJBQTBCO2tCQUh0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxXQUFXO2lCQUN0Qjs7QUFVRCxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLFlBQW9CLE1BQTJCO1FBQTNCLFdBQU0sR0FBTixNQUFNLENBQXFCO1FBQzdDLE1BQU0sQ0FBQyxLQUFLLEdBQUcsV0FBVyxDQUFDO0lBQzdCLENBQUM7OzBIQUhVLDRCQUE0Qjs4R0FBNUIsNEJBQTRCOzRGQUE1Qiw0QkFBNEI7a0JBSHhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7aUJBQ3hCOztBQVVELE1BQU0sT0FBTywyQkFBMkI7SUFDdEMsWUFBb0IsTUFBMkI7UUFBM0IsV0FBTSxHQUFOLE1BQU0sQ0FBcUI7UUFDN0MsTUFBTSxDQUFDLEtBQUssR0FBRyxVQUFVLENBQUM7SUFDNUIsQ0FBQzs7eUhBSFUsMkJBQTJCOzZHQUEzQiwyQkFBMkI7NEZBQTNCLDJCQUEyQjtrQkFIdkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsWUFBWTtpQkFDdkI7O0FBYUQsTUFBTSxPQUFPLG1CQUFtQjtJQUc5QjtRQUZBLFVBQUssR0FBRyxTQUFTLENBQUM7SUFFRixDQUFDOztpSEFITixtQkFBbUI7cUdBQW5CLG1CQUFtQiwyRENuQ2hDLHVSQVFBOzRGRDJCYSxtQkFBbUI7a0JBTi9CLFNBQVM7K0JBQ0UscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIERpcmVjdGl2ZX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1twcmltYXJ5XSdcbn0pXG5leHBvcnQgY2xhc3MgQmlpdEJ1dHRvblByaW1hcnlEaXJlY3RpdmUge1xuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHBhcmVudDogQmlpdEJ1dHRvbkNvbXBvbmVudCkge1xuICAgIHBhcmVudC5jb2xvciA9ICdwcmltYXJ5JztcbiAgfVxufVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc2Vjb25kYXJ5XSdcbn0pXG5leHBvcnQgY2xhc3MgQmlpdEJ1dHRvblNlY29uZGFyeURpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcGFyZW50OiBCaWl0QnV0dG9uQ29tcG9uZW50KSB7XG4gICAgcGFyZW50LmNvbG9yID0gJ3NlY29uZGFyeSc7XG4gIH1cbn1cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3RlcnRpYXJ5XSdcbn0pXG5leHBvcnQgY2xhc3MgQmlpdEJ1dHRvblRlcnRpYXJ5RGlyZWN0aXZlIHtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBwYXJlbnQ6IEJpaXRCdXR0b25Db21wb25lbnQpIHtcbiAgICBwYXJlbnQuY29sb3IgPSAndGVydGlhcnknO1xuICB9XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2J1dHRvbltiaWl0LWJ1dHRvbl0nLFxuICB0ZW1wbGF0ZVVybDogJ2JpaXQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2JpaXQtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuXG5leHBvcnQgY2xhc3MgQmlpdEJ1dHRvbkNvbXBvbmVudCB7XG4gIGNvbG9yID0gJ3ByaW1hcnknO1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiYnV0dG9uLWJhc2UgcHJldmVudC1zZWxlY3Qge3tjb2xvcn19XCI+XG4gIDxkaXYgY2xhc3M9XCJidXR0b24tY29udGVudFwiPlxuICAgIDxzcGFuICN0ZXh0PlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2ICpuZ0lmPVwiY29sb3IgPT0gJ3RlcnRpYXJ5J1wiIGNsYXNzPVwiYmFyXCIgW25nU3R5bGVdPVwieyd3aWR0aC5weCc6IHRleHQub2Zmc2V0V2lkdGggfVwiPjwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/button/biit-icon-button/biit-icon-button.component.mjs

@@ -7,10 +7,10 @@ export class BiitIconButtonComponent {
     }
 }
 BiitIconButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BiitIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitIconButtonComponent, selector: "button[biit-icon]", inputs: { icon: "icon", checked: "checked" }, ngImport: i0, template: "<div [class.checked]=\"checked\" style=\"display: flex;\">\n  <biit-icon [name]=\"icon\"\n             [pathStyle]=\"{fill: '#262626'}\"\n             class=\"icon-button-svg\"\n  ></biit-icon>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.125em;width:2.125em}:host:hover,:host:focus-visible,:host:has(.checked){background-color:#d9d9d9}:host:active ::ng-deep biit-icon path{fill:#f20d5e!important}:host:disabled{pointer-events:none}:host:disabled:hover,:host:disabled:focus-visible{background-color:#fff}:host:disabled ::ng-deep biit-icon path{fill:#d9d9d9!important}:host:has(.checked) ::ng-deep biit-icon path{fill:#f20d5e!important}.icon-button-svg{display:inline-flex;pointer-events:none;width:1em;height:1em}\n"], dependencies: [{ kind: "component", type: i1.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }] });
+BiitIconButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitIconButtonComponent, selector: "button[biit-icon]", inputs: { icon: "icon", checked: "checked" }, ngImport: i0, template: "<div [class.checked]=\"checked\" style=\"display: flex;\">\n  <biit-icon [name]=\"icon\"\n             [pathStyle]=\"{fill: '#262626'}\"\n             class=\"icon-button-svg\"\n  ></biit-icon>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.125em;width:2.125em}:host:hover,:host:focus-visible,:host:has(.checked){background-color:var(--main-background)}:host:active ::ng-deep biit-icon path{fill:var(--main-color)!important}:host:disabled{pointer-events:none}:host:disabled:hover,:host:disabled:focus-visible{background-color:var(--popup-background)}:host:disabled ::ng-deep biit-icon path{fill:var(--main-background)!important}:host:has(.checked) ::ng-deep biit-icon path{fill:var(--main-color)!important}.icon-button-svg{display:inline-flex;pointer-events:none;width:1em;height:1em}\n"], dependencies: [{ kind: "component", type: i1.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitIconButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'button[biit-icon]', template: "<div [class.checked]=\"checked\" style=\"display: flex;\">\n  <biit-icon [name]=\"icon\"\n             [pathStyle]=\"{fill: '#262626'}\"\n             class=\"icon-button-svg\"\n  ></biit-icon>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.125em;width:2.125em}:host:hover,:host:focus-visible,:host:has(.checked){background-color:#d9d9d9}:host:active ::ng-deep biit-icon path{fill:#f20d5e!important}:host:disabled{pointer-events:none}:host:disabled:hover,:host:disabled:focus-visible{background-color:#fff}:host:disabled ::ng-deep biit-icon path{fill:#d9d9d9!important}:host:has(.checked) ::ng-deep biit-icon path{fill:#f20d5e!important}.icon-button-svg{display:inline-flex;pointer-events:none;width:1em;height:1em}\n"] }]
+            args: [{ selector: 'button[biit-icon]', template: "<div [class.checked]=\"checked\" style=\"display: flex;\">\n  <biit-icon [name]=\"icon\"\n             [pathStyle]=\"{fill: '#262626'}\"\n             class=\"icon-button-svg\"\n  ></biit-icon>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{background:none;color:inherit;border:none;padding:0;font:inherit;outline:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;height:2.125em;width:2.125em}:host:hover,:host:focus-visible,:host:has(.checked){background-color:var(--main-background)}:host:active ::ng-deep biit-icon path{fill:var(--main-color)!important}:host:disabled{pointer-events:none}:host:disabled:hover,:host:disabled:focus-visible{background-color:var(--popup-background)}:host:disabled ::ng-deep biit-icon path{fill:var(--main-background)!important}:host:has(.checked) ::ng-deep biit-icon path{fill:var(--main-color)!important}.icon-button-svg{display:inline-flex;pointer-events:none;width:1em;height:1em}\n"] }]
         }], propDecorators: { icon: [{
                 type: Input
             }], checked: [{

package/esm2020/calendar/biit-calendar/biit-calendar.component.mjs

@@ -125,13 +125,13 @@ BiitCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ve
 BiitCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitCalendarComponent, selector: "biit-calendar", inputs: { calendarMode: "calendarMode", viewDate: "viewDate", events: "events", gridContextMenu: "gridContextMenu", eventContextMenu: "eventContextMenu", calendarUtility: "calendarUtility", configuration: "configuration" }, outputs: { onEventDrop: "onEventDrop", onEventClick: "onEventClick", onEventDblClick: "onEventDblClick", onCreatedEvent: "onCreatedEvent" }, providers: [{
             provide: TRANSLOCO_SCOPE,
             useValue: { scope: 'wizardry-theme/calendar', alias: "calendar" }
-        }], ngImport: i0, template: "<mwl-calendar-week-view [style.display]=\"calendarMode != CalendarMode.WEEK ? 'none' : null\"\n                        #calendar\n                        [locale]=\"locale.code\"\n                        [viewDate]=\"viewDate\"\n                        [events]=\"events\"\n                        [headerTemplate]=\"customHeader\"\n                        [currentTimeMarkerTemplate]=\"currentTimeMarkerTemplate\"\n                        [hourSegmentTemplate]=\"hourSegmentTemplate\"\n                        [eventTemplate]=\"eventTemplate\"\n                        [allDayEventsLabelTemplate]=\"allDayEventsLabelTemplate\"\n                        [refresh]=\"refresh\"\n                        (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                        (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                        style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-week-view>\n\n<ng-template\n  #customHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-dayHeaderClicked=\"dayHeaderClicked\"\n  let-eventDropped=\"eventDropped\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n  let-dragEnter=\"dragEnter\"\n>\n  <div class=\"cal-day-headers\" role=\"row\">\n    <div\n      class=\"cal-header\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      [ngClass]=\"day.cssClass\"\n      (mwlClick)=\"dayHeaderClicked.emit({ day: day, sourceEvent: $event })\"\n      mwlDroppable\n      dragOverClass=\"cal-drag-over\"\n      (drop)=\"\n            eventDropped.emit({\n              event: $event.dropData.event,\n              newStart: day.date\n            })\n          \"\n      (dragEnter)=\"dragEnter.emit({ date: day.date })\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span style=\"text-transform: capitalize\">\n        <div *ngIf=\"!calendarUtility?.customHeaderDate; else customHeaderDate\">\n          {{ day.date | translocoDate: {weekday: 'short'}: this.locale }}\n          {{ day.date | translocoDate: {day: '2-digit'}: locale }}\n        </div>\n        <ng-template #customHeaderDate>\n          {{calendarUtility?.customHeaderDate(day.date)}}\n        </ng-template>\n      </span>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #currentTimeMarkerTemplate\n  let-columnDate=\"columnDate\"\n  let-dayStartHour=\"dayStartHour\"\n  let-dayStartMinute=\"dayStartMinute\"\n  let-dayEndHour=\"dayEndHour\"\n  let-dayEndMinute=\"dayEndMinute\"\n  let-isVisible=\"isVisible\"\n  let-topPx=\"topPx\"\n>\n  <div #timeMarker\n    class=\"cal-current-time-marker-custom\"\n    *ngIf=\"isVisible\"\n    [style.top.px]=\"topPx\"\n  ></div>\n</ng-template>\n\n<ng-template\n  #hourSegmentTemplate\n  let-segment=\"segment\"\n  let-locale=\"locale\"\n  let-segmentHeight=\"segmentHeight\"\n  let-isTimeLabel=\"isTimeLabel\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div\n    #hourSegmentElement\n    [attr.aria-hidden]=\"\n          {}\n            | calendarA11y\n              : (daysInWeek === 1\n                  ? 'hideDayHourSegment'\n                  : 'hideWeekHourSegment')\n        \"\n    class=\"cal-hour-segment\"\n    [style.height.px]=\"segmentHeight\"\n    [class.cal-hour-start]=\"segment.isStart\"\n    [class.cal-after-hour-start]=\"!segment.isStart\"\n    [ngClass]=\"segment.cssClass\"\n    [contextMenu]=\"gridContextMenu\"\n    [contextMenuValue]=\"segment.date\"\n    (mousedown)=\"startDragToCreate(segment, hourSegmentElement, $event)\"\n  >\n    <div class=\"cal-time\" *ngIf=\"isTimeLabel\">\n      {{segment.displayDate | date: 'HH:mm'}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #allDayEventsLabelTemplate\n>\n  <div style=\"position: relative\">\n    <div style=\"display: block;\n                text-align: center;\n                position: absolute;\n                top: 0.1rem;\n                right: -36px;\n                font-size: 0.7rem;\n                width: 70px;\">\n      all day\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #eventTemplate\n  let-weekEvent=\"weekEvent\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDisabled=\"tooltipDisabled\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-column=\"column\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div #calEvent\n    class=\"cal-event\"\n    [class.barred]=\"configuration.barred || weekEvent.event.color.barred\"\n    [ngStyle]=\"eventStyles(weekEvent.event.color)\"\n    [mwlCalendarTooltip]=\"\n          !tooltipDisabled\n            ? (weekEvent.event.title\n              | calendarEventTitle\n                : (daysInWeek === 1 ? 'dayTooltip' : 'weekTooltip')\n                : weekEvent.tempEvent || weekEvent.event)\n            : ''\n        \"\n    [tooltipPlacement]=\"tooltipPlacement\"\n    [tooltipEvent]=\"weekEvent.tempEvent || weekEvent.event\"\n    [tooltipTemplate]=\"tooltipTemplate\"\n    [tooltipAppendToBody]=\"tooltipAppendToBody\"\n    [tooltipDelay]=\"tooltipDelay\"\n    (mwlClick)=\"eventClicked.emit({ sourceEvent: $event })\"\n    (dblclick)=\"onEventDblClick.emit({event: $calendarEvent(weekEvent.event), sourceEvent: $event})\"\n    (mwlKeydownEnter)=\"eventClicked.emit({ sourceEvent: $event })\"\n    [contextMenu]=\"eventContextMenu\"\n    [contextMenuValue]=\"weekEvent.event\"\n    tabindex=\"0\"\n    role=\"application\"\n  >\n    <span *ngIf=\"calEvent.offsetHeight >= 40\" style=\"user-select: none;\">\n      {{weekEvent.event.start | date: 'HH:mm'}} - {{weekEvent.event.end | date: 'HH:mm'}}\n    </span>\n    <mwl-calendar-event-actions\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventActionsTemplate\"\n    >\n    </mwl-calendar-event-actions>\n    &ngsp;\n    <mwl-calendar-event-title\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventTitleTemplate\"\n      [view]=\"daysInWeek === 1 ? 'day' : 'week'\"\n      [class.two-lines]=\"calEvent.offsetHeight >= 40 && calEvent.offsetHeight <54\"\n      [class.three-lines]=\"calEvent.offsetHeight >= 54\"\n    >\n    </mwl-calendar-event-title>\n  </div>\n</ng-template>\n\n<ng-template #eventTitleTemplate let-event=\"event\" let-view=\"view\">\n      <span\n        class=\"cal-event-title\"\n        [innerHTML]=\"event.title | calendarEventTitle: view:event\"\n        [attr.aria-hidden]=\"{} | calendarA11y: 'hideEventTitle'\"\n      >\n      </span>\n</ng-template>\n\n<ng-template\n  #eventActionsTemplate\n  let-event=\"event\"\n  let-trackByActionId=\"trackByActionId\"\n>\n      <span *ngIf=\"event.actions\" class=\"cal-event-actions\">\n        <a\n          class=\"cal-event-action\"\n          href=\"javascript:\"\n          *ngFor=\"let action of event.actions; trackBy: trackByActionId\"\n          (mwlClick)=\"action.onClick({ event: event, sourceEvent: $event })\"\n          (mwlKeydownEnter)=\"\n            action.onClick({ event: event, sourceEvent: $event })\n          \"\n          [ngClass]=\"action.cssClass\"\n          [innerHtml]=\"action.label\"\n          tabindex=\"0\"\n          role=\"button\"\n          [attr.aria-label]=\"\n            { action: action } | calendarA11y: 'actionButtonLabel'\n          \"\n        >\n        </a>\n      </span>\n</ng-template>\n\n<!-- MONTH VIEW -->\n\n<mwl-calendar-month-view [style.display]=\"calendarMode != CalendarMode.MONTH ? 'none' : null\"\n                         [viewDate]=\"viewDate\"\n                         [events]=\"events\"\n                         [locale]=\"locale.code\"\n                         [cellTemplate]=\"monthCell\"\n                         [headerTemplate]=\"customMonthHeader\"\n                         [refresh]=\"refresh\"\n                         (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                         (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                         style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-month-view>\n\n<ng-template\n  #monthCell\n  let-day=\"day\"\n  let-openDay=\"openDay\"\n  let-locale=\"locale\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-highlightDay=\"highlightDay\"\n  let-unhighlightDay=\"unhighlightDay\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-trackByEventId=\"trackByEventId\"\n  let-validateDrag=\"validateDrag\"\n>\n  <div class=\"cell-top\"\n       [class.weekend]=\"day.isWeekend\"\n       [attr.aria-label]=\"{ day: day, locale: locale } | calendarA11y : 'monthCell'\"\n  >\n    <div class=\"total-events\">\n\n    </div>\n    <span class=\"day-number\"\n          [class.today]=\"day.isToday\"\n          [class.out-month]=\"!day.inMonth\">\n      {{ day.date | calendarDate : 'monthViewDayNumber' : locale }}\n    </span>\n  </div>\n\n  <div class=\"cell-bottom\"\n       *ngIf=\"day.events.length > 0\">\n    <div *ngFor=\"let event of day.events | slice:0:(day.events > 3?2:3); trackBy: trackByEventId\"\n         class=\"event\"\n         [ngStyle]=\"eventStyles($calendarEvent(event).color)\"\n         [mwlCalendarTooltip]=\"$calendarEvent(event).title | calendarEventTitle : 'monthTooltip' : $calendarEvent(event)\"\n         [tooltipPlacement]=\"tooltipPlacement\"\n         [tooltipEvent]=\"$calendarEvent(event)\"\n         [tooltipTemplate]=\"tooltipTemplate\"\n         [tooltipAppendToBody]=\"tooltipAppendToBody\"\n         [tooltipDelay]=\"tooltipDelay\"\n         mwlDraggable\n         [class.cal-draggable]=\"$calendarEvent(event).draggable\"\n         dragActiveClass=\"cal-drag-active\"\n         [dropData]=\"{ event: event, draggedFrom: day }\"\n         [dragAxis]=\"{ x: $calendarEvent(event).draggable, y: $calendarEvent(event).draggable }\"\n         [validateDrag]=\"validateDrag\"\n         [touchStartLongPress]=\"{ delay: 300, delta: 30 }\"\n         (mwlClick)=\"eventClicked.emit({ event: event, sourceEvent: $event })\"\n         [attr.aria-hidden]=\"{} | calendarA11y : 'hideMonthCellEvents'\"\n    >\n      {{$calendarEvent(event).title}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #customMonthHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-columnHeaderClicked=\"columnHeaderClicked\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n>\n  <div class=\"cal-cell-row cal-header\" role=\"row\">\n    <div\n      class=\"cal-cell\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      (click)=\"\n            columnHeaderClicked.emit({\n              isoDayNumber: day.day,\n              sourceEvent: $event\n            })\n          \"\n      [ngClass]=\"day.cssClass\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span>\n        {{ day.date | translocoDate : {weekday:'long'}: locale }}\n      </span>\n\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{min-width:0;min-height:0}::ng-deep mwl-calendar-week-view{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0}::ng-deep mwl-calendar-week-view .cal-week-view{height:inherit;display:flex;flex-direction:column;border-top:1px solid rgba(0,0,0,0)}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers{border:1px solid rgba(0,0,0,0)!important;border-bottom:0!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header{font-size:.9rem;color:#262626;border-left:1px solid rgba(0,0,0,0)!important;border-right:1px solid rgba(0,0,0,0)!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header span{opacity:1;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today{background-color:#fde7ef}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today span{font-weight:600}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend{background-color:#f2f2f2}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend span{color:#262626}::ng-deep mwl-calendar-week-view .cal-all-day-events{width:calc(100% - .7rem);border:1px solid transparent!important;border-top:.1rem solid #EDEDED!important;border-bottom:.1rem solid #EDEDED!important}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns .cal-day-column,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row .cal-day-column{border-left:1px solid transparent}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event{width:100%}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event{border-radius:0!important;font-weight:700;text-transform:uppercase;font-size:.7rem;border:0;border-left:.2rem solid;border-color:var(--event-primary)!important;background-color:var(--event-secondary)!important;color:var(--event-tertiary);-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:active{color:#fff!important;background-color:var(--event-primary)!important}@supports (-moz-appearance: none){::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header,.cal-all-day-events{padding-right:0}}::ng-deep mwl-calendar-week-view .cal-time-events{flex-shrink:1;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0)!important;padding-top:.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column,::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-columns{height:-moz-fit-content;height:fit-content}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment{border-bottom:1px solid rgba(0,0,0,0)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment .cal-time{font-weight:400;padding-top:0;text-align:center;font-size:.8rem;position:absolute;top:-.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column{border-top:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column:first-child{border-left:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column .cal-hour:not(:last-child) :last-child .cal-hour-segment{border-bottom:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-hour-odd{background-color:transparent}::ng-deep mwl-calendar-week-view .cal-time-events .cal-weekend{background-color:#fafafa}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event{border-radius:0!important;font-size:.7rem;border:0;border-left:.2rem solid;height:calc(100% - 3px)!important;border-color:var(--event-primary)!important;color:var(--event-tertiary)}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:not(.barred){background-color:var(--event-secondary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event.barred:not(:active){background:repeating-linear-gradient(45deg,var(--event-hover),var(--event-hover) 10px,var(--event-secondary) 10px,var(--event-secondary) 20px)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:active{color:#fff!important;background-color:var(--event-primary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .cal-event-title{font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .two-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .three-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}.cal-current-time-marker-custom{background-color:#000;position:absolute;width:100%;height:1px;z-index:2}::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-today{background-color:transparent}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days{border-color:#d9d9d9;border-top-width:.1rem;border-left:0;border-right:0;border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-weekend,::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-weekend{background-color:#f2f2f2}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days div:last-child .cal-cell-row{border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell{font-weight:400;font-size:.9rem;height:1.2rem;border:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-today{font-weight:700}.cell-top{display:flex;flex:0 0 2rem;align-items:center;justify-content:space-between;padding:0 .5rem;box-sizing:border-box;-webkit-user-select:none;user-select:none}.cell-top .day-number{font-weight:700;font-size:1.2rem}.cell-top .day-number.out-month{color:#d9d9d9}.cell-top .day-number.today{color:#f20d5e}.cell-bottom{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:flex-end}.cell-bottom .event{height:.9rem;width:99%;margin-bottom:1px;box-sizing:border-box;border-left:.2rem solid var(--event-primary);font-weight:700;text-transform:uppercase;font-size:.7rem;padding:0 5px;color:var(--event-tertiary);-webkit-user-select:none;user-select:none;overflow:hidden}.cell-bottom .event:hover{background-color:var(--event-secondary)}.cell-bottom .event:active{background-color:var(--event-primary);color:#fff}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.ɵCalendarEventActionsComponent, selector: "mwl-calendar-event-actions", inputs: ["event", "customTemplate"] }, { kind: "component", type: i3.ɵCalendarEventTitleComponent, selector: "mwl-calendar-event-title", inputs: ["event", "customTemplate", "view"] }, { kind: "directive", type: i3.ɵCalendarTooltipDirective, selector: "[mwlCalendarTooltip]", inputs: ["mwlCalendarTooltip", "tooltipPlacement", "tooltipTemplate", "tooltipEvent", "tooltipAppendToBody", "tooltipDelay"] }, { kind: "directive", type: i3.ɵClickDirective, selector: "[mwlClick]", inputs: ["clickListenerDisabled"], outputs: ["mwlClick"] }, { kind: "directive", type: i3.ɵKeydownEnterDirective, selector: "[mwlKeydownEnter]", outputs: ["mwlKeydownEnter"] }, { kind: "directive", type: i4.DraggableDirective, selector: "[mwlDraggable]", inputs: ["dropData", "dragAxis", "dragSnapGrid", "ghostDragEnabled", "showOriginalElementWhileDragging", "validateDrag", "dragCursor", "dragActiveClass", "ghostElementAppendTo", "ghostElementTemplate", "touchStartLongPress", "autoScroll"], outputs: ["dragPointerDown", "dragStart", "ghostElementCreated", "dragging", "dragEnd"] }, { kind: "directive", type: i4.DroppableDirective, selector: "[mwlDroppable]", inputs: ["dragOverClass", "dragActiveClass", "validateDrop"], outputs: ["dragEnter", "dragLeave", "dragOver", "drop"] }, { kind: "component", type: i3.CalendarMonthViewComponent, selector: "mwl-calendar-month-view", inputs: ["viewDate", "events", "excludeDays", "activeDayIsOpen", "activeDay", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "cellTemplate", "openDayEventsTemplate", "eventTitleTemplate", "eventActionsTemplate", "weekendDays"], outputs: ["beforeViewRender", "dayClicked", "eventClicked", "columnHeaderClicked", "eventTimesChanged"] }, { kind: "component", type: i3.CalendarWeekViewComponent, selector: "mwl-calendar-week-view", inputs: ["viewDate", "events", "excludeDays", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "precision", "weekendDays", "snapDraggedEvents", "hourSegments", "hourDuration", "hourSegmentHeight", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "hourSegmentTemplate", "eventSnapSize", "allDayEventsLabelTemplate", "daysInWeek", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["dayHeaderClicked", "eventClicked", "eventTimesChanged", "beforeViewRender", "hourSegmentClicked"] }, { kind: "directive", type: i5.ContextMenuDirective, selector: "[contextMenu]", inputs: ["contextMenuValue", "contextMenu", "tabindex"], exportAs: ["ngxContextMenu"] }, { kind: "pipe", type: i2.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.ɵCalendarDatePipe, name: "calendarDate" }, { kind: "pipe", type: i3.ɵCalendarEventTitlePipe, name: "calendarEventTitle" }, { kind: "pipe", type: i3.ɵCalendarA11yPipe, name: "calendarA11y" }, { kind: "pipe", type: i6.TranslocoDatePipe, name: "translocoDate" }] });
+        }], ngImport: i0, template: "<mwl-calendar-week-view [style.display]=\"calendarMode != CalendarMode.WEEK ? 'none' : null\"\n                        #calendar\n                        [locale]=\"locale.code\"\n                        [viewDate]=\"viewDate\"\n                        [events]=\"events\"\n                        [headerTemplate]=\"customHeader\"\n                        [currentTimeMarkerTemplate]=\"currentTimeMarkerTemplate\"\n                        [hourSegmentTemplate]=\"hourSegmentTemplate\"\n                        [eventTemplate]=\"eventTemplate\"\n                        [allDayEventsLabelTemplate]=\"allDayEventsLabelTemplate\"\n                        [refresh]=\"refresh\"\n                        (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                        (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                        style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-week-view>\n\n<ng-template\n  #customHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-dayHeaderClicked=\"dayHeaderClicked\"\n  let-eventDropped=\"eventDropped\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n  let-dragEnter=\"dragEnter\"\n>\n  <div class=\"cal-day-headers\" role=\"row\">\n    <div\n      class=\"cal-header\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      [ngClass]=\"day.cssClass\"\n      (mwlClick)=\"dayHeaderClicked.emit({ day: day, sourceEvent: $event })\"\n      mwlDroppable\n      dragOverClass=\"cal-drag-over\"\n      (drop)=\"\n            eventDropped.emit({\n              event: $event.dropData.event,\n              newStart: day.date\n            })\n          \"\n      (dragEnter)=\"dragEnter.emit({ date: day.date })\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span style=\"text-transform: capitalize\">\n        <div *ngIf=\"!calendarUtility?.customHeaderDate; else customHeaderDate\">\n          {{ day.date | translocoDate: {weekday: 'short'}: this.locale }}\n          {{ day.date | translocoDate: {day: '2-digit'}: locale }}\n        </div>\n        <ng-template #customHeaderDate>\n          {{calendarUtility?.customHeaderDate(day.date)}}\n        </ng-template>\n      </span>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #currentTimeMarkerTemplate\n  let-columnDate=\"columnDate\"\n  let-dayStartHour=\"dayStartHour\"\n  let-dayStartMinute=\"dayStartMinute\"\n  let-dayEndHour=\"dayEndHour\"\n  let-dayEndMinute=\"dayEndMinute\"\n  let-isVisible=\"isVisible\"\n  let-topPx=\"topPx\"\n>\n  <div #timeMarker\n    class=\"cal-current-time-marker-custom\"\n    *ngIf=\"isVisible\"\n    [style.top.px]=\"topPx\"\n  ></div>\n</ng-template>\n\n<ng-template\n  #hourSegmentTemplate\n  let-segment=\"segment\"\n  let-locale=\"locale\"\n  let-segmentHeight=\"segmentHeight\"\n  let-isTimeLabel=\"isTimeLabel\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div\n    #hourSegmentElement\n    [attr.aria-hidden]=\"\n          {}\n            | calendarA11y\n              : (daysInWeek === 1\n                  ? 'hideDayHourSegment'\n                  : 'hideWeekHourSegment')\n        \"\n    class=\"cal-hour-segment\"\n    [style.height.px]=\"segmentHeight\"\n    [class.cal-hour-start]=\"segment.isStart\"\n    [class.cal-after-hour-start]=\"!segment.isStart\"\n    [ngClass]=\"segment.cssClass\"\n    [contextMenu]=\"gridContextMenu\"\n    [contextMenuValue]=\"segment.date\"\n    (mousedown)=\"startDragToCreate(segment, hourSegmentElement, $event)\"\n  >\n    <div class=\"cal-time\" *ngIf=\"isTimeLabel\">\n      {{segment.displayDate | date: 'HH:mm'}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #allDayEventsLabelTemplate\n>\n  <div style=\"position: relative\">\n    <div style=\"display: block;\n                text-align: center;\n                position: absolute;\n                top: 0.1rem;\n                right: -36px;\n                font-size: 0.7rem;\n                width: 70px;\">\n      all day\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #eventTemplate\n  let-weekEvent=\"weekEvent\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDisabled=\"tooltipDisabled\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-column=\"column\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div #calEvent\n    class=\"cal-event\"\n    [class.barred]=\"configuration.barred || weekEvent.event.color.barred\"\n    [ngStyle]=\"eventStyles(weekEvent.event.color)\"\n    [mwlCalendarTooltip]=\"\n          !tooltipDisabled\n            ? (weekEvent.event.title\n              | calendarEventTitle\n                : (daysInWeek === 1 ? 'dayTooltip' : 'weekTooltip')\n                : weekEvent.tempEvent || weekEvent.event)\n            : ''\n        \"\n    [tooltipPlacement]=\"tooltipPlacement\"\n    [tooltipEvent]=\"weekEvent.tempEvent || weekEvent.event\"\n    [tooltipTemplate]=\"tooltipTemplate\"\n    [tooltipAppendToBody]=\"tooltipAppendToBody\"\n    [tooltipDelay]=\"tooltipDelay\"\n    (mwlClick)=\"eventClicked.emit({ sourceEvent: $event })\"\n    (dblclick)=\"onEventDblClick.emit({event: $calendarEvent(weekEvent.event), sourceEvent: $event})\"\n    (mwlKeydownEnter)=\"eventClicked.emit({ sourceEvent: $event })\"\n    [contextMenu]=\"eventContextMenu\"\n    [contextMenuValue]=\"weekEvent.event\"\n    tabindex=\"0\"\n    role=\"application\"\n  >\n    <span *ngIf=\"calEvent.offsetHeight >= 40\" style=\"user-select: none;\">\n      {{weekEvent.event.start | date: 'HH:mm'}} - {{weekEvent.event.end | date: 'HH:mm'}}\n    </span>\n    <mwl-calendar-event-actions\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventActionsTemplate\"\n    >\n    </mwl-calendar-event-actions>\n    &ngsp;\n    <mwl-calendar-event-title\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventTitleTemplate\"\n      [view]=\"daysInWeek === 1 ? 'day' : 'week'\"\n      [class.two-lines]=\"calEvent.offsetHeight >= 40 && calEvent.offsetHeight <54\"\n      [class.three-lines]=\"calEvent.offsetHeight >= 54\"\n    >\n    </mwl-calendar-event-title>\n  </div>\n</ng-template>\n\n<ng-template #eventTitleTemplate let-event=\"event\" let-view=\"view\">\n      <span\n        class=\"cal-event-title\"\n        [innerHTML]=\"event.title | calendarEventTitle: view:event\"\n        [attr.aria-hidden]=\"{} | calendarA11y: 'hideEventTitle'\"\n      >\n      </span>\n</ng-template>\n\n<ng-template\n  #eventActionsTemplate\n  let-event=\"event\"\n  let-trackByActionId=\"trackByActionId\"\n>\n      <span *ngIf=\"event.actions\" class=\"cal-event-actions\">\n        <a\n          class=\"cal-event-action\"\n          href=\"javascript:\"\n          *ngFor=\"let action of event.actions; trackBy: trackByActionId\"\n          (mwlClick)=\"action.onClick({ event: event, sourceEvent: $event })\"\n          (mwlKeydownEnter)=\"\n            action.onClick({ event: event, sourceEvent: $event })\n          \"\n          [ngClass]=\"action.cssClass\"\n          [innerHtml]=\"action.label\"\n          tabindex=\"0\"\n          role=\"button\"\n          [attr.aria-label]=\"\n            { action: action } | calendarA11y: 'actionButtonLabel'\n          \"\n        >\n        </a>\n      </span>\n</ng-template>\n\n<!-- MONTH VIEW -->\n\n<mwl-calendar-month-view [style.display]=\"calendarMode != CalendarMode.MONTH ? 'none' : null\"\n                         [viewDate]=\"viewDate\"\n                         [events]=\"events\"\n                         [locale]=\"locale.code\"\n                         [cellTemplate]=\"monthCell\"\n                         [headerTemplate]=\"customMonthHeader\"\n                         [refresh]=\"refresh\"\n                         (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                         (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                         style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-month-view>\n\n<ng-template\n  #monthCell\n  let-day=\"day\"\n  let-openDay=\"openDay\"\n  let-locale=\"locale\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-highlightDay=\"highlightDay\"\n  let-unhighlightDay=\"unhighlightDay\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-trackByEventId=\"trackByEventId\"\n  let-validateDrag=\"validateDrag\"\n>\n  <div class=\"cell-top\"\n       [class.weekend]=\"day.isWeekend\"\n       [attr.aria-label]=\"{ day: day, locale: locale } | calendarA11y : 'monthCell'\"\n  >\n    <div class=\"total-events\">\n\n    </div>\n    <span class=\"day-number\"\n          [class.today]=\"day.isToday\"\n          [class.out-month]=\"!day.inMonth\">\n      {{ day.date | calendarDate : 'monthViewDayNumber' : locale }}\n    </span>\n  </div>\n\n  <div class=\"cell-bottom\"\n       *ngIf=\"day.events.length > 0\">\n    <div *ngFor=\"let event of day.events | slice:0:(day.events > 3?2:3); trackBy: trackByEventId\"\n         class=\"event\"\n         [ngStyle]=\"eventStyles($calendarEvent(event).color)\"\n         [mwlCalendarTooltip]=\"$calendarEvent(event).title | calendarEventTitle : 'monthTooltip' : $calendarEvent(event)\"\n         [tooltipPlacement]=\"tooltipPlacement\"\n         [tooltipEvent]=\"$calendarEvent(event)\"\n         [tooltipTemplate]=\"tooltipTemplate\"\n         [tooltipAppendToBody]=\"tooltipAppendToBody\"\n         [tooltipDelay]=\"tooltipDelay\"\n         mwlDraggable\n         [class.cal-draggable]=\"$calendarEvent(event).draggable\"\n         dragActiveClass=\"cal-drag-active\"\n         [dropData]=\"{ event: event, draggedFrom: day }\"\n         [dragAxis]=\"{ x: $calendarEvent(event).draggable, y: $calendarEvent(event).draggable }\"\n         [validateDrag]=\"validateDrag\"\n         [touchStartLongPress]=\"{ delay: 300, delta: 30 }\"\n         (mwlClick)=\"eventClicked.emit({ event: event, sourceEvent: $event })\"\n         [attr.aria-hidden]=\"{} | calendarA11y : 'hideMonthCellEvents'\"\n    >\n      {{$calendarEvent(event).title}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #customMonthHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-columnHeaderClicked=\"columnHeaderClicked\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n>\n  <div class=\"cal-cell-row cal-header\" role=\"row\">\n    <div\n      class=\"cal-cell\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      (click)=\"\n            columnHeaderClicked.emit({\n              isoDayNumber: day.day,\n              sourceEvent: $event\n            })\n          \"\n      [ngClass]=\"day.cssClass\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span>\n        {{ day.date | translocoDate : {weekday:'long'}: locale }}\n      </span>\n\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{min-width:0;min-height:0}::ng-deep mwl-calendar-week-view{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0}::ng-deep mwl-calendar-week-view .cal-week-view{height:inherit;display:flex;flex-direction:column;border-top:1px solid var(--component-color)}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers{border:1px solid var(--component-color)!important;border-bottom:0!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header{font-size:.9rem;color:var(--component-color);border-left:1px solid var(--component-color)!important;border-right:1px solid var(--component-color)!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header span{opacity:1;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today{background-color:var(--hover-color)}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today span{font-weight:600}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend{background-color:var(--main-font-color)}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend span{color:var(--component-color)}::ng-deep mwl-calendar-week-view .cal-all-day-events{width:calc(100% - .7rem);border:1px solid transparent!important;border-top:.1rem solid var(--secondary-text-color)!important;border-bottom:.1rem solid var(--secondary-text-color)!important}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns .cal-day-column,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row .cal-day-column{border-left:1px solid transparent}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event{width:100%}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event{border-radius:0!important;font-weight:700;text-transform:uppercase;font-size:.7rem;border:0;border-left:.2rem solid;border-color:var(--event-primary)!important;background-color:var(--event-secondary)!important;color:var(--event-tertiary);-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:active{color:var(--secondary-text-color)!important;background-color:var(--event-primary)!important}@supports (-moz-appearance: none){::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header,.cal-all-day-events{padding-right:0}}::ng-deep mwl-calendar-week-view .cal-time-events{flex-shrink:1;overflow-y:auto;overflow-x:hidden;border:1px solid var(--component-color)!important;padding-top:.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column,::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-columns{height:-moz-fit-content;height:fit-content}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment{border-bottom:1px solid var(--component-color)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment .cal-time{font-weight:400;padding-top:0;text-align:center;font-size:.8rem;position:absolute;top:-.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column{border-top:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column:first-child{border-left:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column .cal-hour:not(:last-child) :last-child .cal-hour-segment{border-bottom:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-hour-odd{background-color:transparent}::ng-deep mwl-calendar-week-view .cal-time-events .cal-weekend{background-color:#fafafa}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event{border-radius:0!important;font-size:.7rem;border:0;border-left:.2rem solid;height:calc(100% - 3px)!important;border-color:var(--event-primary)!important;color:var(--event-tertiary)}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:not(.barred){background-color:var(--event-secondary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event.barred:not(:active){background:repeating-linear-gradient(45deg,var(--event-hover),var(--event-hover) 10px,var(--event-secondary) 10px,var(--event-secondary) 20px)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:active{color:var(--secondary-text-color)!important;background-color:var(--event-primary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .cal-event-title{font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .two-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .three-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}.cal-current-time-marker-custom{background-color:var(--component-color);position:absolute;width:100%;height:1px;z-index:2}::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-today{background-color:transparent}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days{border-color:var(--main-background);border-top-width:.1rem;border-left:0;border-right:0;border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-weekend,::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-weekend{background-color:var(--main-font-color)}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days div:last-child .cal-cell-row{border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell{font-weight:400;font-size:.9rem;height:1.2rem;border:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-today{font-weight:700}.cell-top{display:flex;flex:0 0 2rem;align-items:center;justify-content:space-between;padding:0 .5rem;box-sizing:border-box;-webkit-user-select:none;user-select:none}.cell-top .day-number{font-weight:700;font-size:1.2rem}.cell-top .day-number.out-month{color:var(--main-background)}.cell-top .day-number.today{color:var(--main-color)}.cell-bottom{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:flex-end}.cell-bottom .event{height:.9rem;width:99%;margin-bottom:1px;box-sizing:border-box;border-left:.2rem solid var(--event-primary);font-weight:700;text-transform:uppercase;font-size:.7rem;padding:0 5px;color:var(--event-tertiary);-webkit-user-select:none;user-select:none;overflow:hidden}.cell-bottom .event:hover{background-color:var(--event-secondary)}.cell-bottom .event:active{background-color:var(--event-primary);color:var(--secondary-text-color)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i3.ɵCalendarEventActionsComponent, selector: "mwl-calendar-event-actions", inputs: ["event", "customTemplate"] }, { kind: "component", type: i3.ɵCalendarEventTitleComponent, selector: "mwl-calendar-event-title", inputs: ["event", "customTemplate", "view"] }, { kind: "directive", type: i3.ɵCalendarTooltipDirective, selector: "[mwlCalendarTooltip]", inputs: ["mwlCalendarTooltip", "tooltipPlacement", "tooltipTemplate", "tooltipEvent", "tooltipAppendToBody", "tooltipDelay"] }, { kind: "directive", type: i3.ɵClickDirective, selector: "[mwlClick]", inputs: ["clickListenerDisabled"], outputs: ["mwlClick"] }, { kind: "directive", type: i3.ɵKeydownEnterDirective, selector: "[mwlKeydownEnter]", outputs: ["mwlKeydownEnter"] }, { kind: "directive", type: i4.DraggableDirective, selector: "[mwlDraggable]", inputs: ["dropData", "dragAxis", "dragSnapGrid", "ghostDragEnabled", "showOriginalElementWhileDragging", "validateDrag", "dragCursor", "dragActiveClass", "ghostElementAppendTo", "ghostElementTemplate", "touchStartLongPress", "autoScroll"], outputs: ["dragPointerDown", "dragStart", "ghostElementCreated", "dragging", "dragEnd"] }, { kind: "directive", type: i4.DroppableDirective, selector: "[mwlDroppable]", inputs: ["dragOverClass", "dragActiveClass", "validateDrop"], outputs: ["dragEnter", "dragLeave", "dragOver", "drop"] }, { kind: "component", type: i3.CalendarMonthViewComponent, selector: "mwl-calendar-month-view", inputs: ["viewDate", "events", "excludeDays", "activeDayIsOpen", "activeDay", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "cellTemplate", "openDayEventsTemplate", "eventTitleTemplate", "eventActionsTemplate", "weekendDays"], outputs: ["beforeViewRender", "dayClicked", "eventClicked", "columnHeaderClicked", "eventTimesChanged"] }, { kind: "component", type: i3.CalendarWeekViewComponent, selector: "mwl-calendar-week-view", inputs: ["viewDate", "events", "excludeDays", "refresh", "locale", "tooltipPlacement", "tooltipTemplate", "tooltipAppendToBody", "tooltipDelay", "weekStartsOn", "headerTemplate", "eventTemplate", "eventTitleTemplate", "eventActionsTemplate", "precision", "weekendDays", "snapDraggedEvents", "hourSegments", "hourDuration", "hourSegmentHeight", "minimumEventHeight", "dayStartHour", "dayStartMinute", "dayEndHour", "dayEndMinute", "hourSegmentTemplate", "eventSnapSize", "allDayEventsLabelTemplate", "daysInWeek", "currentTimeMarkerTemplate", "validateEventTimesChanged", "resizeCursors"], outputs: ["dayHeaderClicked", "eventClicked", "eventTimesChanged", "beforeViewRender", "hourSegmentClicked"] }, { kind: "directive", type: i5.ContextMenuDirective, selector: "[contextMenu]", inputs: ["contextMenuValue", "contextMenu", "tabindex"], exportAs: ["ngxContextMenu"] }, { kind: "pipe", type: i2.SlicePipe, name: "slice" }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: i3.ɵCalendarDatePipe, name: "calendarDate" }, { kind: "pipe", type: i3.ɵCalendarEventTitlePipe, name: "calendarEventTitle" }, { kind: "pipe", type: i3.ɵCalendarA11yPipe, name: "calendarA11y" }, { kind: "pipe", type: i6.TranslocoDatePipe, name: "translocoDate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitCalendarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'biit-calendar', providers: [{
                             provide: TRANSLOCO_SCOPE,
                             useValue: { scope: 'wizardry-theme/calendar', alias: "calendar" }
-                        }], template: "<mwl-calendar-week-view [style.display]=\"calendarMode != CalendarMode.WEEK ? 'none' : null\"\n                        #calendar\n                        [locale]=\"locale.code\"\n                        [viewDate]=\"viewDate\"\n                        [events]=\"events\"\n                        [headerTemplate]=\"customHeader\"\n                        [currentTimeMarkerTemplate]=\"currentTimeMarkerTemplate\"\n                        [hourSegmentTemplate]=\"hourSegmentTemplate\"\n                        [eventTemplate]=\"eventTemplate\"\n                        [allDayEventsLabelTemplate]=\"allDayEventsLabelTemplate\"\n                        [refresh]=\"refresh\"\n                        (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                        (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                        style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-week-view>\n\n<ng-template\n  #customHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-dayHeaderClicked=\"dayHeaderClicked\"\n  let-eventDropped=\"eventDropped\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n  let-dragEnter=\"dragEnter\"\n>\n  <div class=\"cal-day-headers\" role=\"row\">\n    <div\n      class=\"cal-header\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      [ngClass]=\"day.cssClass\"\n      (mwlClick)=\"dayHeaderClicked.emit({ day: day, sourceEvent: $event })\"\n      mwlDroppable\n      dragOverClass=\"cal-drag-over\"\n      (drop)=\"\n            eventDropped.emit({\n              event: $event.dropData.event,\n              newStart: day.date\n            })\n          \"\n      (dragEnter)=\"dragEnter.emit({ date: day.date })\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span style=\"text-transform: capitalize\">\n        <div *ngIf=\"!calendarUtility?.customHeaderDate; else customHeaderDate\">\n          {{ day.date | translocoDate: {weekday: 'short'}: this.locale }}\n          {{ day.date | translocoDate: {day: '2-digit'}: locale }}\n        </div>\n        <ng-template #customHeaderDate>\n          {{calendarUtility?.customHeaderDate(day.date)}}\n        </ng-template>\n      </span>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #currentTimeMarkerTemplate\n  let-columnDate=\"columnDate\"\n  let-dayStartHour=\"dayStartHour\"\n  let-dayStartMinute=\"dayStartMinute\"\n  let-dayEndHour=\"dayEndHour\"\n  let-dayEndMinute=\"dayEndMinute\"\n  let-isVisible=\"isVisible\"\n  let-topPx=\"topPx\"\n>\n  <div #timeMarker\n    class=\"cal-current-time-marker-custom\"\n    *ngIf=\"isVisible\"\n    [style.top.px]=\"topPx\"\n  ></div>\n</ng-template>\n\n<ng-template\n  #hourSegmentTemplate\n  let-segment=\"segment\"\n  let-locale=\"locale\"\n  let-segmentHeight=\"segmentHeight\"\n  let-isTimeLabel=\"isTimeLabel\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div\n    #hourSegmentElement\n    [attr.aria-hidden]=\"\n          {}\n            | calendarA11y\n              : (daysInWeek === 1\n                  ? 'hideDayHourSegment'\n                  : 'hideWeekHourSegment')\n        \"\n    class=\"cal-hour-segment\"\n    [style.height.px]=\"segmentHeight\"\n    [class.cal-hour-start]=\"segment.isStart\"\n    [class.cal-after-hour-start]=\"!segment.isStart\"\n    [ngClass]=\"segment.cssClass\"\n    [contextMenu]=\"gridContextMenu\"\n    [contextMenuValue]=\"segment.date\"\n    (mousedown)=\"startDragToCreate(segment, hourSegmentElement, $event)\"\n  >\n    <div class=\"cal-time\" *ngIf=\"isTimeLabel\">\n      {{segment.displayDate | date: 'HH:mm'}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #allDayEventsLabelTemplate\n>\n  <div style=\"position: relative\">\n    <div style=\"display: block;\n                text-align: center;\n                position: absolute;\n                top: 0.1rem;\n                right: -36px;\n                font-size: 0.7rem;\n                width: 70px;\">\n      all day\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #eventTemplate\n  let-weekEvent=\"weekEvent\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDisabled=\"tooltipDisabled\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-column=\"column\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div #calEvent\n    class=\"cal-event\"\n    [class.barred]=\"configuration.barred || weekEvent.event.color.barred\"\n    [ngStyle]=\"eventStyles(weekEvent.event.color)\"\n    [mwlCalendarTooltip]=\"\n          !tooltipDisabled\n            ? (weekEvent.event.title\n              | calendarEventTitle\n                : (daysInWeek === 1 ? 'dayTooltip' : 'weekTooltip')\n                : weekEvent.tempEvent || weekEvent.event)\n            : ''\n        \"\n    [tooltipPlacement]=\"tooltipPlacement\"\n    [tooltipEvent]=\"weekEvent.tempEvent || weekEvent.event\"\n    [tooltipTemplate]=\"tooltipTemplate\"\n    [tooltipAppendToBody]=\"tooltipAppendToBody\"\n    [tooltipDelay]=\"tooltipDelay\"\n    (mwlClick)=\"eventClicked.emit({ sourceEvent: $event })\"\n    (dblclick)=\"onEventDblClick.emit({event: $calendarEvent(weekEvent.event), sourceEvent: $event})\"\n    (mwlKeydownEnter)=\"eventClicked.emit({ sourceEvent: $event })\"\n    [contextMenu]=\"eventContextMenu\"\n    [contextMenuValue]=\"weekEvent.event\"\n    tabindex=\"0\"\n    role=\"application\"\n  >\n    <span *ngIf=\"calEvent.offsetHeight >= 40\" style=\"user-select: none;\">\n      {{weekEvent.event.start | date: 'HH:mm'}} - {{weekEvent.event.end | date: 'HH:mm'}}\n    </span>\n    <mwl-calendar-event-actions\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventActionsTemplate\"\n    >\n    </mwl-calendar-event-actions>\n    &ngsp;\n    <mwl-calendar-event-title\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventTitleTemplate\"\n      [view]=\"daysInWeek === 1 ? 'day' : 'week'\"\n      [class.two-lines]=\"calEvent.offsetHeight >= 40 && calEvent.offsetHeight <54\"\n      [class.three-lines]=\"calEvent.offsetHeight >= 54\"\n    >\n    </mwl-calendar-event-title>\n  </div>\n</ng-template>\n\n<ng-template #eventTitleTemplate let-event=\"event\" let-view=\"view\">\n      <span\n        class=\"cal-event-title\"\n        [innerHTML]=\"event.title | calendarEventTitle: view:event\"\n        [attr.aria-hidden]=\"{} | calendarA11y: 'hideEventTitle'\"\n      >\n      </span>\n</ng-template>\n\n<ng-template\n  #eventActionsTemplate\n  let-event=\"event\"\n  let-trackByActionId=\"trackByActionId\"\n>\n      <span *ngIf=\"event.actions\" class=\"cal-event-actions\">\n        <a\n          class=\"cal-event-action\"\n          href=\"javascript:\"\n          *ngFor=\"let action of event.actions; trackBy: trackByActionId\"\n          (mwlClick)=\"action.onClick({ event: event, sourceEvent: $event })\"\n          (mwlKeydownEnter)=\"\n            action.onClick({ event: event, sourceEvent: $event })\n          \"\n          [ngClass]=\"action.cssClass\"\n          [innerHtml]=\"action.label\"\n          tabindex=\"0\"\n          role=\"button\"\n          [attr.aria-label]=\"\n            { action: action } | calendarA11y: 'actionButtonLabel'\n          \"\n        >\n        </a>\n      </span>\n</ng-template>\n\n<!-- MONTH VIEW -->\n\n<mwl-calendar-month-view [style.display]=\"calendarMode != CalendarMode.MONTH ? 'none' : null\"\n                         [viewDate]=\"viewDate\"\n                         [events]=\"events\"\n                         [locale]=\"locale.code\"\n                         [cellTemplate]=\"monthCell\"\n                         [headerTemplate]=\"customMonthHeader\"\n                         [refresh]=\"refresh\"\n                         (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                         (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                         style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-month-view>\n\n<ng-template\n  #monthCell\n  let-day=\"day\"\n  let-openDay=\"openDay\"\n  let-locale=\"locale\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-highlightDay=\"highlightDay\"\n  let-unhighlightDay=\"unhighlightDay\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-trackByEventId=\"trackByEventId\"\n  let-validateDrag=\"validateDrag\"\n>\n  <div class=\"cell-top\"\n       [class.weekend]=\"day.isWeekend\"\n       [attr.aria-label]=\"{ day: day, locale: locale } | calendarA11y : 'monthCell'\"\n  >\n    <div class=\"total-events\">\n\n    </div>\n    <span class=\"day-number\"\n          [class.today]=\"day.isToday\"\n          [class.out-month]=\"!day.inMonth\">\n      {{ day.date | calendarDate : 'monthViewDayNumber' : locale }}\n    </span>\n  </div>\n\n  <div class=\"cell-bottom\"\n       *ngIf=\"day.events.length > 0\">\n    <div *ngFor=\"let event of day.events | slice:0:(day.events > 3?2:3); trackBy: trackByEventId\"\n         class=\"event\"\n         [ngStyle]=\"eventStyles($calendarEvent(event).color)\"\n         [mwlCalendarTooltip]=\"$calendarEvent(event).title | calendarEventTitle : 'monthTooltip' : $calendarEvent(event)\"\n         [tooltipPlacement]=\"tooltipPlacement\"\n         [tooltipEvent]=\"$calendarEvent(event)\"\n         [tooltipTemplate]=\"tooltipTemplate\"\n         [tooltipAppendToBody]=\"tooltipAppendToBody\"\n         [tooltipDelay]=\"tooltipDelay\"\n         mwlDraggable\n         [class.cal-draggable]=\"$calendarEvent(event).draggable\"\n         dragActiveClass=\"cal-drag-active\"\n         [dropData]=\"{ event: event, draggedFrom: day }\"\n         [dragAxis]=\"{ x: $calendarEvent(event).draggable, y: $calendarEvent(event).draggable }\"\n         [validateDrag]=\"validateDrag\"\n         [touchStartLongPress]=\"{ delay: 300, delta: 30 }\"\n         (mwlClick)=\"eventClicked.emit({ event: event, sourceEvent: $event })\"\n         [attr.aria-hidden]=\"{} | calendarA11y : 'hideMonthCellEvents'\"\n    >\n      {{$calendarEvent(event).title}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #customMonthHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-columnHeaderClicked=\"columnHeaderClicked\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n>\n  <div class=\"cal-cell-row cal-header\" role=\"row\">\n    <div\n      class=\"cal-cell\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      (click)=\"\n            columnHeaderClicked.emit({\n              isoDayNumber: day.day,\n              sourceEvent: $event\n            })\n          \"\n      [ngClass]=\"day.cssClass\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span>\n        {{ day.date | translocoDate : {weekday:'long'}: locale }}\n      </span>\n\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{min-width:0;min-height:0}::ng-deep mwl-calendar-week-view{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0}::ng-deep mwl-calendar-week-view .cal-week-view{height:inherit;display:flex;flex-direction:column;border-top:1px solid rgba(0,0,0,0)}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers{border:1px solid rgba(0,0,0,0)!important;border-bottom:0!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header{font-size:.9rem;color:#262626;border-left:1px solid rgba(0,0,0,0)!important;border-right:1px solid rgba(0,0,0,0)!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header span{opacity:1;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today{background-color:#fde7ef}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today span{font-weight:600}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend{background-color:#f2f2f2}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend span{color:#262626}::ng-deep mwl-calendar-week-view .cal-all-day-events{width:calc(100% - .7rem);border:1px solid transparent!important;border-top:.1rem solid #EDEDED!important;border-bottom:.1rem solid #EDEDED!important}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns .cal-day-column,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row .cal-day-column{border-left:1px solid transparent}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event{width:100%}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event{border-radius:0!important;font-weight:700;text-transform:uppercase;font-size:.7rem;border:0;border-left:.2rem solid;border-color:var(--event-primary)!important;background-color:var(--event-secondary)!important;color:var(--event-tertiary);-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:active{color:#fff!important;background-color:var(--event-primary)!important}@supports (-moz-appearance: none){::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header,.cal-all-day-events{padding-right:0}}::ng-deep mwl-calendar-week-view .cal-time-events{flex-shrink:1;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(0,0,0,0)!important;padding-top:.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column,::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-columns{height:-moz-fit-content;height:fit-content}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment{border-bottom:1px solid rgba(0,0,0,0)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment .cal-time{font-weight:400;padding-top:0;text-align:center;font-size:.8rem;position:absolute;top:-.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column{border-top:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column:first-child{border-left:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column .cal-hour:not(:last-child) :last-child .cal-hour-segment{border-bottom:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-hour-odd{background-color:transparent}::ng-deep mwl-calendar-week-view .cal-time-events .cal-weekend{background-color:#fafafa}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event{border-radius:0!important;font-size:.7rem;border:0;border-left:.2rem solid;height:calc(100% - 3px)!important;border-color:var(--event-primary)!important;color:var(--event-tertiary)}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:not(.barred){background-color:var(--event-secondary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event.barred:not(:active){background:repeating-linear-gradient(45deg,var(--event-hover),var(--event-hover) 10px,var(--event-secondary) 10px,var(--event-secondary) 20px)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:active{color:#fff!important;background-color:var(--event-primary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .cal-event-title{font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .two-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .three-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}.cal-current-time-marker-custom{background-color:#000;position:absolute;width:100%;height:1px;z-index:2}::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-today{background-color:transparent}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days{border-color:#d9d9d9;border-top-width:.1rem;border-left:0;border-right:0;border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-weekend,::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-weekend{background-color:#f2f2f2}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days div:last-child .cal-cell-row{border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell{font-weight:400;font-size:.9rem;height:1.2rem;border:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-today{font-weight:700}.cell-top{display:flex;flex:0 0 2rem;align-items:center;justify-content:space-between;padding:0 .5rem;box-sizing:border-box;-webkit-user-select:none;user-select:none}.cell-top .day-number{font-weight:700;font-size:1.2rem}.cell-top .day-number.out-month{color:#d9d9d9}.cell-top .day-number.today{color:#f20d5e}.cell-bottom{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:flex-end}.cell-bottom .event{height:.9rem;width:99%;margin-bottom:1px;box-sizing:border-box;border-left:.2rem solid var(--event-primary);font-weight:700;text-transform:uppercase;font-size:.7rem;padding:0 5px;color:var(--event-tertiary);-webkit-user-select:none;user-select:none;overflow:hidden}.cell-bottom .event:hover{background-color:var(--event-secondary)}.cell-bottom .event:active{background-color:var(--event-primary);color:#fff}\n"] }]
+                        }], template: "<mwl-calendar-week-view [style.display]=\"calendarMode != CalendarMode.WEEK ? 'none' : null\"\n                        #calendar\n                        [locale]=\"locale.code\"\n                        [viewDate]=\"viewDate\"\n                        [events]=\"events\"\n                        [headerTemplate]=\"customHeader\"\n                        [currentTimeMarkerTemplate]=\"currentTimeMarkerTemplate\"\n                        [hourSegmentTemplate]=\"hourSegmentTemplate\"\n                        [eventTemplate]=\"eventTemplate\"\n                        [allDayEventsLabelTemplate]=\"allDayEventsLabelTemplate\"\n                        [refresh]=\"refresh\"\n                        (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                        (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                        style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-week-view>\n\n<ng-template\n  #customHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-dayHeaderClicked=\"dayHeaderClicked\"\n  let-eventDropped=\"eventDropped\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n  let-dragEnter=\"dragEnter\"\n>\n  <div class=\"cal-day-headers\" role=\"row\">\n    <div\n      class=\"cal-header\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      [ngClass]=\"day.cssClass\"\n      (mwlClick)=\"dayHeaderClicked.emit({ day: day, sourceEvent: $event })\"\n      mwlDroppable\n      dragOverClass=\"cal-drag-over\"\n      (drop)=\"\n            eventDropped.emit({\n              event: $event.dropData.event,\n              newStart: day.date\n            })\n          \"\n      (dragEnter)=\"dragEnter.emit({ date: day.date })\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span style=\"text-transform: capitalize\">\n        <div *ngIf=\"!calendarUtility?.customHeaderDate; else customHeaderDate\">\n          {{ day.date | translocoDate: {weekday: 'short'}: this.locale }}\n          {{ day.date | translocoDate: {day: '2-digit'}: locale }}\n        </div>\n        <ng-template #customHeaderDate>\n          {{calendarUtility?.customHeaderDate(day.date)}}\n        </ng-template>\n      </span>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #currentTimeMarkerTemplate\n  let-columnDate=\"columnDate\"\n  let-dayStartHour=\"dayStartHour\"\n  let-dayStartMinute=\"dayStartMinute\"\n  let-dayEndHour=\"dayEndHour\"\n  let-dayEndMinute=\"dayEndMinute\"\n  let-isVisible=\"isVisible\"\n  let-topPx=\"topPx\"\n>\n  <div #timeMarker\n    class=\"cal-current-time-marker-custom\"\n    *ngIf=\"isVisible\"\n    [style.top.px]=\"topPx\"\n  ></div>\n</ng-template>\n\n<ng-template\n  #hourSegmentTemplate\n  let-segment=\"segment\"\n  let-locale=\"locale\"\n  let-segmentHeight=\"segmentHeight\"\n  let-isTimeLabel=\"isTimeLabel\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div\n    #hourSegmentElement\n    [attr.aria-hidden]=\"\n          {}\n            | calendarA11y\n              : (daysInWeek === 1\n                  ? 'hideDayHourSegment'\n                  : 'hideWeekHourSegment')\n        \"\n    class=\"cal-hour-segment\"\n    [style.height.px]=\"segmentHeight\"\n    [class.cal-hour-start]=\"segment.isStart\"\n    [class.cal-after-hour-start]=\"!segment.isStart\"\n    [ngClass]=\"segment.cssClass\"\n    [contextMenu]=\"gridContextMenu\"\n    [contextMenuValue]=\"segment.date\"\n    (mousedown)=\"startDragToCreate(segment, hourSegmentElement, $event)\"\n  >\n    <div class=\"cal-time\" *ngIf=\"isTimeLabel\">\n      {{segment.displayDate | date: 'HH:mm'}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #allDayEventsLabelTemplate\n>\n  <div style=\"position: relative\">\n    <div style=\"display: block;\n                text-align: center;\n                position: absolute;\n                top: 0.1rem;\n                right: -36px;\n                font-size: 0.7rem;\n                width: 70px;\">\n      all day\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #eventTemplate\n  let-weekEvent=\"weekEvent\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDisabled=\"tooltipDisabled\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-column=\"column\"\n  let-daysInWeek=\"daysInWeek\"\n>\n  <div #calEvent\n    class=\"cal-event\"\n    [class.barred]=\"configuration.barred || weekEvent.event.color.barred\"\n    [ngStyle]=\"eventStyles(weekEvent.event.color)\"\n    [mwlCalendarTooltip]=\"\n          !tooltipDisabled\n            ? (weekEvent.event.title\n              | calendarEventTitle\n                : (daysInWeek === 1 ? 'dayTooltip' : 'weekTooltip')\n                : weekEvent.tempEvent || weekEvent.event)\n            : ''\n        \"\n    [tooltipPlacement]=\"tooltipPlacement\"\n    [tooltipEvent]=\"weekEvent.tempEvent || weekEvent.event\"\n    [tooltipTemplate]=\"tooltipTemplate\"\n    [tooltipAppendToBody]=\"tooltipAppendToBody\"\n    [tooltipDelay]=\"tooltipDelay\"\n    (mwlClick)=\"eventClicked.emit({ sourceEvent: $event })\"\n    (dblclick)=\"onEventDblClick.emit({event: $calendarEvent(weekEvent.event), sourceEvent: $event})\"\n    (mwlKeydownEnter)=\"eventClicked.emit({ sourceEvent: $event })\"\n    [contextMenu]=\"eventContextMenu\"\n    [contextMenuValue]=\"weekEvent.event\"\n    tabindex=\"0\"\n    role=\"application\"\n  >\n    <span *ngIf=\"calEvent.offsetHeight >= 40\" style=\"user-select: none;\">\n      {{weekEvent.event.start | date: 'HH:mm'}} - {{weekEvent.event.end | date: 'HH:mm'}}\n    </span>\n    <mwl-calendar-event-actions\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventActionsTemplate\"\n    >\n    </mwl-calendar-event-actions>\n    &ngsp;\n    <mwl-calendar-event-title\n      [event]=\"weekEvent.tempEvent || weekEvent.event\"\n      [customTemplate]=\"eventTitleTemplate\"\n      [view]=\"daysInWeek === 1 ? 'day' : 'week'\"\n      [class.two-lines]=\"calEvent.offsetHeight >= 40 && calEvent.offsetHeight <54\"\n      [class.three-lines]=\"calEvent.offsetHeight >= 54\"\n    >\n    </mwl-calendar-event-title>\n  </div>\n</ng-template>\n\n<ng-template #eventTitleTemplate let-event=\"event\" let-view=\"view\">\n      <span\n        class=\"cal-event-title\"\n        [innerHTML]=\"event.title | calendarEventTitle: view:event\"\n        [attr.aria-hidden]=\"{} | calendarA11y: 'hideEventTitle'\"\n      >\n      </span>\n</ng-template>\n\n<ng-template\n  #eventActionsTemplate\n  let-event=\"event\"\n  let-trackByActionId=\"trackByActionId\"\n>\n      <span *ngIf=\"event.actions\" class=\"cal-event-actions\">\n        <a\n          class=\"cal-event-action\"\n          href=\"javascript:\"\n          *ngFor=\"let action of event.actions; trackBy: trackByActionId\"\n          (mwlClick)=\"action.onClick({ event: event, sourceEvent: $event })\"\n          (mwlKeydownEnter)=\"\n            action.onClick({ event: event, sourceEvent: $event })\n          \"\n          [ngClass]=\"action.cssClass\"\n          [innerHtml]=\"action.label\"\n          tabindex=\"0\"\n          role=\"button\"\n          [attr.aria-label]=\"\n            { action: action } | calendarA11y: 'actionButtonLabel'\n          \"\n        >\n        </a>\n      </span>\n</ng-template>\n\n<!-- MONTH VIEW -->\n\n<mwl-calendar-month-view [style.display]=\"calendarMode != CalendarMode.MONTH ? 'none' : null\"\n                         [viewDate]=\"viewDate\"\n                         [events]=\"events\"\n                         [locale]=\"locale.code\"\n                         [cellTemplate]=\"monthCell\"\n                         [headerTemplate]=\"customMonthHeader\"\n                         [refresh]=\"refresh\"\n                         (eventTimesChanged)=\"onEventDrop.emit($event)\"\n                         (eventClicked)=\"onEventClick.emit({event: $calendarEvent($event.event), sourceEvent: $event.sourceEvent})\"\n                         style=\"display: flex; flex-direction: column; height: 100%;\"\n></mwl-calendar-month-view>\n\n<ng-template\n  #monthCell\n  let-day=\"day\"\n  let-openDay=\"openDay\"\n  let-locale=\"locale\"\n  let-tooltipPlacement=\"tooltipPlacement\"\n  let-highlightDay=\"highlightDay\"\n  let-unhighlightDay=\"unhighlightDay\"\n  let-eventClicked=\"eventClicked\"\n  let-tooltipTemplate=\"tooltipTemplate\"\n  let-tooltipAppendToBody=\"tooltipAppendToBody\"\n  let-tooltipDelay=\"tooltipDelay\"\n  let-trackByEventId=\"trackByEventId\"\n  let-validateDrag=\"validateDrag\"\n>\n  <div class=\"cell-top\"\n       [class.weekend]=\"day.isWeekend\"\n       [attr.aria-label]=\"{ day: day, locale: locale } | calendarA11y : 'monthCell'\"\n  >\n    <div class=\"total-events\">\n\n    </div>\n    <span class=\"day-number\"\n          [class.today]=\"day.isToday\"\n          [class.out-month]=\"!day.inMonth\">\n      {{ day.date | calendarDate : 'monthViewDayNumber' : locale }}\n    </span>\n  </div>\n\n  <div class=\"cell-bottom\"\n       *ngIf=\"day.events.length > 0\">\n    <div *ngFor=\"let event of day.events | slice:0:(day.events > 3?2:3); trackBy: trackByEventId\"\n         class=\"event\"\n         [ngStyle]=\"eventStyles($calendarEvent(event).color)\"\n         [mwlCalendarTooltip]=\"$calendarEvent(event).title | calendarEventTitle : 'monthTooltip' : $calendarEvent(event)\"\n         [tooltipPlacement]=\"tooltipPlacement\"\n         [tooltipEvent]=\"$calendarEvent(event)\"\n         [tooltipTemplate]=\"tooltipTemplate\"\n         [tooltipAppendToBody]=\"tooltipAppendToBody\"\n         [tooltipDelay]=\"tooltipDelay\"\n         mwlDraggable\n         [class.cal-draggable]=\"$calendarEvent(event).draggable\"\n         dragActiveClass=\"cal-drag-active\"\n         [dropData]=\"{ event: event, draggedFrom: day }\"\n         [dragAxis]=\"{ x: $calendarEvent(event).draggable, y: $calendarEvent(event).draggable }\"\n         [validateDrag]=\"validateDrag\"\n         [touchStartLongPress]=\"{ delay: 300, delta: 30 }\"\n         (mwlClick)=\"eventClicked.emit({ event: event, sourceEvent: $event })\"\n         [attr.aria-hidden]=\"{} | calendarA11y : 'hideMonthCellEvents'\"\n    >\n      {{$calendarEvent(event).title}}\n    </div>\n  </div>\n</ng-template>\n\n<ng-template\n  #customMonthHeader\n  let-days=\"days\"\n  let-locale=\"locale\"\n  let-columnHeaderClicked=\"columnHeaderClicked\"\n  let-trackByWeekDayHeaderDate=\"trackByWeekDayHeaderDate\"\n>\n  <div class=\"cal-cell-row cal-header\" role=\"row\">\n    <div\n      class=\"cal-cell\"\n      *ngFor=\"let day of days; trackBy: trackByWeekDayHeaderDate\"\n      [class.cal-past]=\"day.isPast\"\n      [class.cal-today]=\"day.isToday\"\n      [class.cal-future]=\"day.isFuture\"\n      [class.cal-weekend]=\"day.isWeekend\"\n      (click)=\"\n            columnHeaderClicked.emit({\n              isoDayNumber: day.day,\n              sourceEvent: $event\n            })\n          \"\n      [ngClass]=\"day.cssClass\"\n      tabindex=\"0\"\n      role=\"columnheader\"\n    >\n      <span>\n        {{ day.date | translocoDate : {weekday:'long'}: locale }}\n      </span>\n\n    </div>\n  </div>\n</ng-template>\n", styles: [":host{min-width:0;min-height:0}::ng-deep mwl-calendar-week-view{display:flex;flex-direction:column;height:100%;min-width:0;min-height:0}::ng-deep mwl-calendar-week-view .cal-week-view{height:inherit;display:flex;flex-direction:column;border-top:1px solid var(--component-color)}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers{border:1px solid var(--component-color)!important;border-bottom:0!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header{font-size:.9rem;color:var(--component-color);border-left:1px solid var(--component-color)!important;border-right:1px solid var(--component-color)!important}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header span{opacity:1;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today{background-color:var(--hover-color)}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-today span{font-weight:600}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend{background-color:var(--main-font-color)}::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header .cal-day-headers .cal-header.cal-weekend span{color:var(--component-color)}::ng-deep mwl-calendar-week-view .cal-all-day-events{width:calc(100% - .7rem);border:1px solid transparent!important;border-top:.1rem solid var(--secondary-text-color)!important;border-bottom:.1rem solid var(--secondary-text-color)!important}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row{flex-shrink:0;padding-right:.7rem}::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-day-columns .cal-day-column,::ng-deep mwl-calendar-week-view .cal-all-day-events .cal-events-row .cal-day-column{border-left:1px solid transparent}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event{width:100%}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event{border-radius:0!important;font-weight:700;text-transform:uppercase;font-size:.7rem;border:0;border-left:.2rem solid;border-color:var(--event-primary)!important;background-color:var(--event-secondary)!important;color:var(--event-tertiary);-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-all-day-events mwl-calendar-week-view-event .cal-event:active{color:var(--secondary-text-color)!important;background-color:var(--event-primary)!important}@supports (-moz-appearance: none){::ng-deep mwl-calendar-week-view mwl-calendar-week-view-header,.cal-all-day-events{padding-right:0}}::ng-deep mwl-calendar-week-view .cal-time-events{flex-shrink:1;overflow-y:auto;overflow-x:hidden;border:1px solid var(--component-color)!important;padding-top:.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column,::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-columns{height:-moz-fit-content;height:fit-content}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment{border-bottom:1px solid var(--component-color)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-time-label-column mwl-calendar-week-view-hour-segment>.cal-hour-segment .cal-time{font-weight:400;padding-top:0;text-align:center;font-size:.8rem;position:absolute;top:-.5rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column{border-top:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column:first-child{border-left:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-day-column .cal-hour:not(:last-child) :last-child .cal-hour-segment{border-bottom:1px solid #e1e1e1}::ng-deep mwl-calendar-week-view .cal-time-events .cal-hour-odd{background-color:transparent}::ng-deep mwl-calendar-week-view .cal-time-events .cal-weekend{background-color:#fafafa}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event{border-radius:0!important;font-size:.7rem;border:0;border-left:.2rem solid;height:calc(100% - 3px)!important;border-color:var(--event-primary)!important;color:var(--event-tertiary)}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:not(.barred){background-color:var(--event-secondary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event.barred:not(:active){background:repeating-linear-gradient(45deg,var(--event-hover),var(--event-hover) 10px,var(--event-secondary) 10px,var(--event-secondary) 20px)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:hover{background-color:var(--event-hover)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event:active{color:var(--secondary-text-color)!important;background-color:var(--event-primary)!important}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .cal-event-title{font-weight:700;text-transform:uppercase;-webkit-user-select:none;user-select:none}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .two-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}::ng-deep mwl-calendar-week-view .cal-time-events .cal-event .three-lines{display:-webkit-box;line-height:.7rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;margin-top:-.2rem}.cal-current-time-marker-custom{background-color:var(--component-color);position:absolute;width:100%;height:1px;z-index:2}::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-today{background-color:transparent}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days{border-color:var(--main-background);border-top-width:.1rem;border-left:0;border-right:0;border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-weekend,::ng-deep mwl-calendar-month-view .cal-month-view .cal-day-cell.cal-weekend{background-color:var(--main-font-color)}::ng-deep mwl-calendar-month-view .cal-month-view .cal-days div:last-child .cal-cell-row{border-bottom:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell{font-weight:400;font-size:.9rem;height:1.2rem;border:0}::ng-deep mwl-calendar-month-view .cal-month-view .cal-header .cal-cell.cal-today{font-weight:700}.cell-top{display:flex;flex:0 0 2rem;align-items:center;justify-content:space-between;padding:0 .5rem;box-sizing:border-box;-webkit-user-select:none;user-select:none}.cell-top .day-number{font-weight:700;font-size:1.2rem}.cell-top .day-number.out-month{color:var(--main-background)}.cell-top .day-number.today{color:var(--main-color)}.cell-bottom{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:flex-end}.cell-bottom .event{height:.9rem;width:99%;margin-bottom:1px;box-sizing:border-box;border-left:.2rem solid var(--event-primary);font-weight:700;text-transform:uppercase;font-size:.7rem;padding:0 5px;color:var(--event-tertiary);-webkit-user-select:none;user-select:none;overflow:hidden}.cell-bottom .event:hover{background-color:var(--event-secondary)}.cell-bottom .event:active{background-color:var(--event-primary);color:var(--secondary-text-color)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TranslocoService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { calendarMode: [{
                 type: Input
             }], viewDate: [{

package/esm2020/charts/bar-chart/bar-chart.component.mjs

@@ -165,12 +165,12 @@ export class BarChartComponent {
     }
 }
 BarChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-BarChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BarChartComponent, selector: "biit-bar-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max", compact: "compact" }, host: { listeners: { "document:scroll": "handleScroll($event)" } }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [series]=\"chartOptions.series\"\n             [chart]=\"chartOptions.chart\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [plotOptions]=\"chartOptions.plotOptions\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [legend]=\"chartOptions.legend\"\n             [title]=\"chartOptions.title\"\n             [tooltip]=\"chartOptions.tooltip\"\n             [grid]=\"chartOptions.grid\"\n             [fill]=\"chartOptions.fill\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid #262626;border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:white}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-header{background:#262626;color:#fff;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid #262626}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
+BarChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BarChartComponent, selector: "biit-bar-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max", compact: "compact" }, host: { listeners: { "document:scroll": "handleScroll($event)" } }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [series]=\"chartOptions.series\"\n             [chart]=\"chartOptions.chart\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [plotOptions]=\"chartOptions.plotOptions\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [legend]=\"chartOptions.legend\"\n             [title]=\"chartOptions.title\"\n             [tooltip]=\"chartOptions.tooltip\"\n             [grid]=\"chartOptions.grid\"\n             [fill]=\"chartOptions.fill\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--popup-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-header{background:var(--component-color);color:var(--popup-background);padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BarChartComponent, decorators: [{
             type: Component,
             args: [{ selector: 'biit-bar-chart', host: {
                         '(document:scroll)': 'handleScroll($event)'
-                    }, template: "<div id=\"bar-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [series]=\"chartOptions.series\"\n             [chart]=\"chartOptions.chart\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [plotOptions]=\"chartOptions.plotOptions\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [legend]=\"chartOptions.legend\"\n             [title]=\"chartOptions.title\"\n             [tooltip]=\"chartOptions.tooltip\"\n             [grid]=\"chartOptions.grid\"\n             [fill]=\"chartOptions.fill\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid #262626;border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:white}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-header{background:#262626;color:#fff;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid #262626}\n"] }]
+                    }, template: "<div id=\"bar-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [series]=\"chartOptions.series\"\n             [chart]=\"chartOptions.chart\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [plotOptions]=\"chartOptions.plotOptions\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [legend]=\"chartOptions.legend\"\n             [title]=\"chartOptions.title\"\n             [tooltip]=\"chartOptions.tooltip\"\n             [grid]=\"chartOptions.grid\"\n             [fill]=\"chartOptions.fill\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--popup-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-header{background:var(--component-color);color:var(--popup-background);padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { apexChart: [{
                 type: ViewChild,
                 args: ['apexChart']

package/esm2020/charts/line-chart/line-chart.component.mjs

@@ -166,10 +166,10 @@ export class LineChartComponent {
     }
 }
 LineChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LineChartComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LineChartComponent, selector: "biit-line-chart", inputs: { data: "data", title: "title", xTitle: "xTitle", yTitle: "yTitle", min: "min", max: "max", enabledLabelsOnSeries: "enabledLabelsOnSeries" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"line-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [chart]=\"chartOptions.chart\"\n             [series]=\"chartOptions.series\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [stroke]=\"chartOptions.stroke\"\n             [title]=\"chartOptions.title\"\n             [grid]=\"chartOptions.grid\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [markers]=\"chartOptions.markers\"\n             [legend]=\"chartOptions.legend\"\n             [fill]=\"chartOptions.fill\"\n             [tooltip]=\"chartOptions.tooltip\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#line-chart{display:block;height:inherit;width:inherit;transition:1s ease-in-out}#line-chart ::ng-deep apx-chart .apexcharts-tooltip{border:1px solid #262626;border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:white}#line-chart ::ng-deep apx-chart .apexcharts-tooltip *{box-sizing:border-box}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-header{background:#262626;color:#fff;padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-legend-series{display:flex}#line-chart ::ng-deep apx-chart .apexcharts-legend-series .apexcharts-legend-marker{border-radius:0!important;margin-right:7px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
+LineChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: LineChartComponent, selector: "biit-line-chart", inputs: { data: "data", title: "title", xTitle: "xTitle", yTitle: "yTitle", min: "min", max: "max", enabledLabelsOnSeries: "enabledLabelsOnSeries" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"line-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [chart]=\"chartOptions.chart\"\n             [series]=\"chartOptions.series\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [stroke]=\"chartOptions.stroke\"\n             [title]=\"chartOptions.title\"\n             [grid]=\"chartOptions.grid\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [markers]=\"chartOptions.markers\"\n             [legend]=\"chartOptions.legend\"\n             [fill]=\"chartOptions.fill\"\n             [tooltip]=\"chartOptions.tooltip\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#line-chart{display:block;height:inherit;width:inherit;transition:1s ease-in-out}#line-chart ::ng-deep apx-chart .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--popup-background)}#line-chart ::ng-deep apx-chart .apexcharts-tooltip *{box-sizing:border-box}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-header{background:var(--component-color);color:var(--popup-background);padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-legend-series{display:flex}#line-chart ::ng-deep apx-chart .apexcharts-legend-series .apexcharts-legend-marker{border-radius:0!important;margin-right:7px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LineChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'biit-line-chart', template: "<div id=\"line-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [chart]=\"chartOptions.chart\"\n             [series]=\"chartOptions.series\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [stroke]=\"chartOptions.stroke\"\n             [title]=\"chartOptions.title\"\n             [grid]=\"chartOptions.grid\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [markers]=\"chartOptions.markers\"\n             [legend]=\"chartOptions.legend\"\n             [fill]=\"chartOptions.fill\"\n             [tooltip]=\"chartOptions.tooltip\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#line-chart{display:block;height:inherit;width:inherit;transition:1s ease-in-out}#line-chart ::ng-deep apx-chart .apexcharts-tooltip{border:1px solid #262626;border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:white}#line-chart ::ng-deep apx-chart .apexcharts-tooltip *{box-sizing:border-box}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-header{background:#262626;color:#fff;padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-legend-series{display:flex}#line-chart ::ng-deep apx-chart .apexcharts-legend-series .apexcharts-legend-marker{border-radius:0!important;margin-right:7px}\n"] }]
+            args: [{ selector: 'biit-line-chart', template: "<div id=\"line-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [chart]=\"chartOptions.chart\"\n             [series]=\"chartOptions.series\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [stroke]=\"chartOptions.stroke\"\n             [title]=\"chartOptions.title\"\n             [grid]=\"chartOptions.grid\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [markers]=\"chartOptions.markers\"\n             [legend]=\"chartOptions.legend\"\n             [fill]=\"chartOptions.fill\"\n             [tooltip]=\"chartOptions.tooltip\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#line-chart{display:block;height:inherit;width:inherit;transition:1s ease-in-out}#line-chart ::ng-deep apx-chart .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--popup-background)}#line-chart ::ng-deep apx-chart .apexcharts-tooltip *{box-sizing:border-box}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-header{background:var(--component-color);color:var(--popup-background);padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#line-chart ::ng-deep apx-chart .apexcharts-legend-series{display:flex}#line-chart ::ng-deep apx-chart .apexcharts-legend-series .apexcharts-legend-marker{border-radius:0!important;margin-right:7px}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { apexChart: [{
                 type: ViewChild,
                 args: ['apexChart']

package/esm2020/charts/meta-view-chart/meta-view-chart.component.mjs

@@ -105,7 +105,7 @@ MetaViewChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", v
 MetaViewChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MetaViewChartComponent, selector: "biit-meta-view-chart", inputs: { _data: ["data", "_data"], view: "view" }, outputs: { selected: "selected", unselected: "unselected" }, providers: [{
             provide: TRANSLOCO_SCOPE,
             useValue: { scope: 'wizardry-theme/chart', alias: "charts" }
-        }], ngImport: i0, template: "<div class=\"meta-view-chart-board\" id=\"metaviewer-chart\" *transloco=\"let t\">\n  <button biit-icon icon=\"hamburger\" *ngIf=\"!showMenu\" (click)=\"showMenu=true\"></button>\n  <div class=\"meta-view-column\" *ngIf=\"showMenu\">\n    <button biit-icon icon=\"hamburger\" (click)=\"showMenu=false\" style=\"position:absolute;\"></button>\n    <biit-meta-filter [metadata]=\"data\" (filterChange)=\"onFilter($event)\"/>\n  </div>\n  <biit-meta-board id=\"metaviewer-board\" *ngIf=\"view === View.GRID\"\n    [data]=\"elements\"\n    [selected]=\"selectedElement\"\n    (elementClick)=\"onElementClick($event)\"\n  />\n  <biit-timeline-viewer-chart id=\"metaviewer-timeline\" *ngIf=\"view === View.TIMELINE && timelineOptions && timelineOptions.date\"\n    [data]=\"elements | extractData\"\n    [options]=\"timelineOptions\"\n    (onItemClick)=\"onTimeLineElementClick($event)\"\n    style=\"overflow: hidden\"\n  />\n  <div class=\"error-view\" id=\"metaviewer-error\" *ngIf=\"view === View.TIMELINE && !timelineOptions?.date\">\n    <div>\n      <biit-icon name=\"exclamation\" style=\"display:block; width: 1rem;\" />\n    </div>\n    <div>{{ t('charts.configuration-not-meets-requirements') }}</div>\n  </div>\n  <div class=\"meta-view-column rtl\" id=\"metadata-viewer\" *ngIf=\"selectedElement\" @fadeInOut>\n    <biit-metadata-viewer class=\"ltr\"\n      [data]=\"selectedElement\"\n      [fields]=\"data.fields\"\n      [titleField]=\"data.titleField\"\n      (onClose)=\"unselectElement()\"/>\n  </div>\n</div>\n", styles: ["biit-meta-board{display:block;width:100%;height:100%}.meta-view-chart-board{display:flex;flex-direction:row;gap:1em;height:100%;transition:transform .3s ease-in-out;&>:not(:nth-child(2)){flex:0 1 auto}&>:nth-child(2){flex:1}}.meta-view-column{min-width:14em;max-width:23em;width:18em;flex:0 1 auto;resize:horizontal;overflow:auto;border:3px solid #262626}.rtl{direction:rtl}.ltr{direction:ltr}.padding-1{padding:.1em}.error-view{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width: 800px){.meta-view-column{position:absolute;background:white;z-index:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MetaBoardComponent, selector: "biit-meta-board", inputs: ["data", "selected"], outputs: ["elementClick"] }, { kind: "component", type: i3.MetaFilterComponent, selector: "biit-meta-filter", inputs: ["metadata"], outputs: ["filterChange"] }, { kind: "component", type: i4.MetadataViewerComponent, selector: "biit-metadata-viewer", inputs: ["data", "fields", "titleField"], outputs: ["onClose"] }, { kind: "component", type: i5.TimelineViewerChartComponent, selector: "biit-timeline-viewer-chart", inputs: ["data", "options"], outputs: ["onItemClick"] }, { kind: "component", type: i6.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }, { kind: "directive", type: i7.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: i8.BiitIconButtonComponent, selector: "button[biit-icon]", inputs: ["icon", "checked"] }, { kind: "pipe", type: i9.ExtractDataPipe, name: "extractData" }], animations: [
+        }], ngImport: i0, template: "<div class=\"meta-view-chart-board\" id=\"metaviewer-chart\" *transloco=\"let t\">\n  <button biit-icon icon=\"hamburger\" *ngIf=\"!showMenu\" (click)=\"showMenu=true\"></button>\n  <div class=\"meta-view-column\" *ngIf=\"showMenu\">\n    <button biit-icon icon=\"hamburger\" (click)=\"showMenu=false\" style=\"position:absolute;\"></button>\n    <biit-meta-filter [metadata]=\"data\" (filterChange)=\"onFilter($event)\"/>\n  </div>\n  <biit-meta-board id=\"metaviewer-board\" *ngIf=\"view === View.GRID\"\n    [data]=\"elements\"\n    [selected]=\"selectedElement\"\n    (elementClick)=\"onElementClick($event)\"\n  />\n  <biit-timeline-viewer-chart id=\"metaviewer-timeline\" *ngIf=\"view === View.TIMELINE && timelineOptions && timelineOptions.date\"\n    [data]=\"elements | extractData\"\n    [options]=\"timelineOptions\"\n    (onItemClick)=\"onTimeLineElementClick($event)\"\n    style=\"overflow: hidden\"\n  />\n  <div class=\"error-view\" id=\"metaviewer-error\" *ngIf=\"view === View.TIMELINE && !timelineOptions?.date\">\n    <div>\n      <biit-icon name=\"exclamation\" style=\"display:block; width: 1rem;\" />\n    </div>\n    <div>{{ t('charts.configuration-not-meets-requirements') }}</div>\n  </div>\n  <div class=\"meta-view-column rtl\" id=\"metadata-viewer\" *ngIf=\"selectedElement\" @fadeInOut>\n    <biit-metadata-viewer class=\"ltr\"\n      [data]=\"selectedElement\"\n      [fields]=\"data.fields\"\n      [titleField]=\"data.titleField\"\n      (onClose)=\"unselectElement()\"/>\n  </div>\n</div>\n", styles: ["biit-meta-board{display:block;width:100%;height:100%}.meta-view-chart-board{display:flex;flex-direction:row;gap:1em;height:100%;transition:transform .3s ease-in-out}.meta-view-chart-board>:not(:nth-child(2)){flex:0 1 auto}.meta-view-chart-board>:nth-child(2){flex:1}.meta-view-column{min-width:14em;max-width:23em;width:18em;flex:0 1 auto;resize:horizontal;overflow:auto;border:3px solid var(--component-color)}.rtl{direction:rtl}.ltr{direction:ltr}.padding-1{padding:.1em}.error-view{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width: 800px){.meta-view-column{position:absolute;background:var(--popup-background);z-index:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MetaBoardComponent, selector: "biit-meta-board", inputs: ["data", "selected"], outputs: ["elementClick"] }, { kind: "component", type: i3.MetaFilterComponent, selector: "biit-meta-filter", inputs: ["metadata"], outputs: ["filterChange"] }, { kind: "component", type: i4.MetadataViewerComponent, selector: "biit-metadata-viewer", inputs: ["data", "fields", "titleField"], outputs: ["onClose"] }, { kind: "component", type: i5.TimelineViewerChartComponent, selector: "biit-timeline-viewer-chart", inputs: ["data", "options"], outputs: ["onItemClick"] }, { kind: "component", type: i6.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }, { kind: "directive", type: i7.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: i8.BiitIconButtonComponent, selector: "button[biit-icon]", inputs: ["icon", "checked"] }, { kind: "pipe", type: i9.ExtractDataPipe, name: "extractData" }], animations: [
         trigger('fadeInOut', [
             transition(':enter', [
                 style({ opacity: 0 }),
@@ -133,7 +133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                                 animate('300ms ease-out', style({ opacity: 0 }))
                             ])
                         ])
-                    ], template: "<div class=\"meta-view-chart-board\" id=\"metaviewer-chart\" *transloco=\"let t\">\n  <button biit-icon icon=\"hamburger\" *ngIf=\"!showMenu\" (click)=\"showMenu=true\"></button>\n  <div class=\"meta-view-column\" *ngIf=\"showMenu\">\n    <button biit-icon icon=\"hamburger\" (click)=\"showMenu=false\" style=\"position:absolute;\"></button>\n    <biit-meta-filter [metadata]=\"data\" (filterChange)=\"onFilter($event)\"/>\n  </div>\n  <biit-meta-board id=\"metaviewer-board\" *ngIf=\"view === View.GRID\"\n    [data]=\"elements\"\n    [selected]=\"selectedElement\"\n    (elementClick)=\"onElementClick($event)\"\n  />\n  <biit-timeline-viewer-chart id=\"metaviewer-timeline\" *ngIf=\"view === View.TIMELINE && timelineOptions && timelineOptions.date\"\n    [data]=\"elements | extractData\"\n    [options]=\"timelineOptions\"\n    (onItemClick)=\"onTimeLineElementClick($event)\"\n    style=\"overflow: hidden\"\n  />\n  <div class=\"error-view\" id=\"metaviewer-error\" *ngIf=\"view === View.TIMELINE && !timelineOptions?.date\">\n    <div>\n      <biit-icon name=\"exclamation\" style=\"display:block; width: 1rem;\" />\n    </div>\n    <div>{{ t('charts.configuration-not-meets-requirements') }}</div>\n  </div>\n  <div class=\"meta-view-column rtl\" id=\"metadata-viewer\" *ngIf=\"selectedElement\" @fadeInOut>\n    <biit-metadata-viewer class=\"ltr\"\n      [data]=\"selectedElement\"\n      [fields]=\"data.fields\"\n      [titleField]=\"data.titleField\"\n      (onClose)=\"unselectElement()\"/>\n  </div>\n</div>\n", styles: ["biit-meta-board{display:block;width:100%;height:100%}.meta-view-chart-board{display:flex;flex-direction:row;gap:1em;height:100%;transition:transform .3s ease-in-out;&>:not(:nth-child(2)){flex:0 1 auto}&>:nth-child(2){flex:1}}.meta-view-column{min-width:14em;max-width:23em;width:18em;flex:0 1 auto;resize:horizontal;overflow:auto;border:3px solid #262626}.rtl{direction:rtl}.ltr{direction:ltr}.padding-1{padding:.1em}.error-view{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width: 800px){.meta-view-column{position:absolute;background:white;z-index:1}}\n"] }]
+                    ], template: "<div class=\"meta-view-chart-board\" id=\"metaviewer-chart\" *transloco=\"let t\">\n  <button biit-icon icon=\"hamburger\" *ngIf=\"!showMenu\" (click)=\"showMenu=true\"></button>\n  <div class=\"meta-view-column\" *ngIf=\"showMenu\">\n    <button biit-icon icon=\"hamburger\" (click)=\"showMenu=false\" style=\"position:absolute;\"></button>\n    <biit-meta-filter [metadata]=\"data\" (filterChange)=\"onFilter($event)\"/>\n  </div>\n  <biit-meta-board id=\"metaviewer-board\" *ngIf=\"view === View.GRID\"\n    [data]=\"elements\"\n    [selected]=\"selectedElement\"\n    (elementClick)=\"onElementClick($event)\"\n  />\n  <biit-timeline-viewer-chart id=\"metaviewer-timeline\" *ngIf=\"view === View.TIMELINE && timelineOptions && timelineOptions.date\"\n    [data]=\"elements | extractData\"\n    [options]=\"timelineOptions\"\n    (onItemClick)=\"onTimeLineElementClick($event)\"\n    style=\"overflow: hidden\"\n  />\n  <div class=\"error-view\" id=\"metaviewer-error\" *ngIf=\"view === View.TIMELINE && !timelineOptions?.date\">\n    <div>\n      <biit-icon name=\"exclamation\" style=\"display:block; width: 1rem;\" />\n    </div>\n    <div>{{ t('charts.configuration-not-meets-requirements') }}</div>\n  </div>\n  <div class=\"meta-view-column rtl\" id=\"metadata-viewer\" *ngIf=\"selectedElement\" @fadeInOut>\n    <biit-metadata-viewer class=\"ltr\"\n      [data]=\"selectedElement\"\n      [fields]=\"data.fields\"\n      [titleField]=\"data.titleField\"\n      (onClose)=\"unselectElement()\"/>\n  </div>\n</div>\n", styles: ["biit-meta-board{display:block;width:100%;height:100%}.meta-view-chart-board{display:flex;flex-direction:row;gap:1em;height:100%;transition:transform .3s ease-in-out}.meta-view-chart-board>:not(:nth-child(2)){flex:0 1 auto}.meta-view-chart-board>:nth-child(2){flex:1}.meta-view-column{min-width:14em;max-width:23em;width:18em;flex:0 1 auto;resize:horizontal;overflow:auto;border:3px solid var(--component-color)}.rtl{direction:rtl}.ltr{direction:ltr}.padding-1{padding:.1em}.error-view{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}@media screen and (max-width: 800px){.meta-view-column{position:absolute;background:var(--popup-background);z-index:1}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _data: [{
                 type: Input,
                 args: ['data']
@@ -144,4 +144,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             }], unselected: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0YS12aWV3LWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dpemFyZHJ5LXRoZW1lL2NoYXJ0cy9zcmMvbWV0YS12aWV3LWNoYXJ0L21ldGEtdmlldy1jaGFydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93aXphcmRyeS10aGVtZS9jaGFydHMvc3JjL21ldGEtdmlldy1jaGFydC9tZXRhLXZpZXctY2hhcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUdMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLGNBQWMsQ0FBQztBQUdsQyxPQUFPLEVBQUMsRUFBRSxJQUFJLElBQUksRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUNoQyxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDeEUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7Ozs7OztBQXdCbEQsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQyxJQUFtQixLQUFLLENBQUMsSUFBa0I7UUFDekMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxJQUFJLEVBQUU7WUFDUixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7Z0JBQy9CO29CQUNFLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7b0JBQzdCLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsT0FBTyxDQUFDLFdBQVcsQ0FBQztpQkFDOUM7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LEVBQUMsS0FBSyxFQUFFLHNCQUFzQixFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUM7eUJBQzNELENBQUMsY0FDVTt3QkFDVixPQUFPLENBQUMsV0FBVyxFQUFFOzRCQUNuQixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUM7Z0NBQ25CLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7NkJBQzlDLENBQUM7NEJBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDO2dDQUNuQixPQUFPLENBQUMsZ0JBQWdCLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7NkJBQy9DLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDt3R0FHa0IsS0FBSztzQkFBdkIsS0FBSzt1QkFBQyxNQUFNO2dCQXFCSixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TWV0YVZpZXdFbGVtZW50RGF0YX0gZnJvbSBcIi4vbW9kZWwvbWV0YS12aWV3LWVsZW1lbnQtZGF0YVwiO1xuaW1wb3J0IHtNZXRhVmlld0RhdGF9IGZyb20gXCIuL21vZGVsL21ldGEtdmlldy1kYXRhXCI7XG5pbXBvcnQge1ZpZXd9IGZyb20gXCIuL21vZGVsL3ZpZXdcIjtcbmltcG9ydCB7VGltZWxpbmVWaWV3ZXJDaGFydE9wdGlvbnN9IGZyb20gXCIuLi90aW1lbGluZS12aWV3ZXItY2hhcnQvbW9kZWxzL3RpbWVsaW5lLXZpZXdlci1jaGFydC1vcHRpb25zXCI7XG5pbXBvcnQge1RpbWVsaW5lVmlld2VyQ2hhcnREYXRhfSBmcm9tIFwiLi4vdGltZWxpbmUtdmlld2VyLWNoYXJ0L21vZGVscy90aW1lbGluZS12aWV3ZXItY2hhcnQtZGF0YVwiO1xuaW1wb3J0IHt2NCBhcyB1dWlkfSBmcm9tICd1dWlkJztcbmltcG9ydCB7YW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XG5pbXBvcnQge1RSQU5TTE9DT19TQ09QRX0gZnJvbSBcIkBuZ25lYXQvdHJhbnNsb2NvXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JpaXQtbWV0YS12aWV3LWNoYXJ0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21ldGEtdmlldy1jaGFydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21ldGEtdmlldy1jaGFydC5jb21wb25lbnQuY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBUUkFOU0xPQ09fU0NPUEUsXG4gICAgdXNlVmFsdWU6IHtzY29wZTogJ3dpemFyZHJ5LXRoZW1lL2NoYXJ0JywgYWxpYXM6IFwiY2hhcnRzXCJ9XG4gIH1dLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignZmFkZUluT3V0JywgW1xuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW1xuICAgICAgICBzdHlsZSh7b3BhY2l0eTogMH0pLFxuICAgICAgICBhbmltYXRlKCczMDBtcyBlYXNlLWluJywgc3R5bGUoe29wYWNpdHk6IDF9KSlcbiAgICAgIF0pLFxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xuICAgICAgICBzdHlsZSh7b3BhY2l0eTogMX0pLFxuICAgICAgICBhbmltYXRlKCczMDBtcyBlYXNlLW91dCcsIHN0eWxlKHtvcGFjaXR5OiAwfSkpXG4gICAgICBdKVxuICAgIF0pXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgTWV0YVZpZXdDaGFydENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoJ2RhdGEnKSBzZXQgX2RhdGEoZGF0YTogTWV0YVZpZXdEYXRhKSB7XG4gICAgdGhpcy5kYXRhID0gZGF0YTtcbiAgICBpZiAoZGF0YSkge1xuICAgICAgdGhpcy5kYXRhLmRhdGEuZm9yRWFjaChlbGVtZW50ID0+IHtcbiAgICAgICAge1xuICAgICAgICAgIGVsZW1lbnQuZGF0YVsnX2lkJ10gPSB1dWlkKCk7XG4gICAgICAgICAgZWxlbWVudC5kYXRhWydfY29sb3InXSA9IGVsZW1lbnQuc3RhdHVzQ29sb3I7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgICAgdGhpcy5jZFJlZi5kZXRlY3RDaGFuZ2VzKCk7XG4gICAgICB0aGlzLnRpbWVsaW5lT3B0aW9ucyA9IHtcbiAgICAgICAgZGF0ZTogZGF0YS50aW1lbGluZURhdGVGaWVsZCxcbiAgICAgICAgY29sb3I6ICdfY29sb3InLFxuICAgICAgICB0b29sdGlwSGVhZGVyOiBkYXRhLnRpdGxlRmllbGQsXG4gICAgICAgIHRvb2x0aXBJbmZvOiBbXVxuICAgICAgfTtcbiAgICAgIHRoaXMuZWxlbWVudHMgPSB0aGlzLmRhdGEuZGF0YTtcbiAgICAgIHRoaXMub25GaWx0ZXIobnVsbCk7XG4gICAgfVxuICB9XG5cbiAgQElucHV0KCkgdmlldzogVmlldyA9IFZpZXcuR1JJRDtcbiAgQE91dHB1dCgpIHNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8TWV0YVZpZXdFbGVtZW50RGF0YT4gPSBuZXcgRXZlbnRFbWl0dGVyPE1ldGFWaWV3RWxlbWVudERhdGE+KCk7XG4gIEBPdXRwdXQoKSB1bnNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IFZpZXcgPSBWaWV3O1xuXG4gIHByb3RlY3RlZCBkYXRhOiBNZXRhVmlld0RhdGE7XG4gIHByb3RlY3RlZCBmaWVsZHM6IHN0cmluZ1tdID0gWyduYW1lJywgJ2RhdGUnLCAndjEnLCAndjInLCAndjMnLCAnYjEnXTtcbiAgcHJvdGVjdGVkIGVsZW1lbnRzOiBNZXRhVmlld0VsZW1lbnREYXRhW10gPSBbXTtcbiAgcHJvdGVjdGVkIHNlbGVjdGVkRWxlbWVudDogTWV0YVZpZXdFbGVtZW50RGF0YTtcbiAgcHJvdGVjdGVkIGxhdGVzdEZpbHRlcjogTWFwPHN0cmluZywgYW55PjtcbiAgcHJvdGVjdGVkIHNob3dNZW51PSB0cnVlO1xuXG4gIHByb3RlY3RlZCB0aW1lbGluZU9wdGlvbnM6IFRpbWVsaW5lVmlld2VyQ2hhcnRPcHRpb25zO1xuICBwcml2YXRlIGRlbGF5ZWRGaWx0ZXI6IE5vZGVKUy5UaW1lb3V0O1xuICBwcml2YXRlIHN0YXRpYyBGSUxURVJfREVMQVk6IG51bWJlciA9IDUwMDtcbiAgcHJpdmF0ZSBzdGF0aWMgU0hPV19NRU5VX1NJWkU6IG51bWJlciA9IDgwMDtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgY2RSZWY6IENoYW5nZURldGVjdG9yUmVmKSB7XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zaG93TWVudSA9IHdpbmRvdy5zY3JlZW4ud2lkdGggID4gTWV0YVZpZXdDaGFydENvbXBvbmVudC5TSE9XX01FTlVfU0laRTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkVsZW1lbnRDbGljayhlbGVtZW50OiBNZXRhVmlld0VsZW1lbnREYXRhKSB7XG4gICAgdGhpcy5zZWxlY3RlZEVsZW1lbnQgPSBlbGVtZW50O1xuICAgIHRoaXMuc2VsZWN0ZWQuZW1pdChlbGVtZW50KTtcbiAgfVxuXG4gIHByb3RlY3RlZCB1bnNlbGVjdEVsZW1lbnQoKSB7XG4gICAgdGhpcy5zZWxlY3RlZEVsZW1lbnQgPSB1bmRlZmluZWQ7XG4gICAgdGhpcy51bnNlbGVjdGVkLmVtaXQoKTtcbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKVxuICB9XG5cbiAgcHJvdGVjdGVkIG9uVGltZUxpbmVFbGVtZW50Q2xpY2soZWxlbWVudDogVGltZWxpbmVWaWV3ZXJDaGFydERhdGEpIHtcbiAgICB0aGlzLnNlbGVjdGVkRWxlbWVudCA9IHRoaXMuZGF0YS5kYXRhLmZpbmQoZSA9PiBlLmRhdGFbJ19pZCddID09PSBlbGVtZW50Lm1ldGFbJ19pZCddKTtcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQodGhpcy5zZWxlY3RlZEVsZW1lbnQpO1xuICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG9uRmlsdGVyKGZpbHRlcnM6IE1hcDxzdHJpbmcsIGFueT4pOiB2b2lkIHtcbiAgICBpZiAodGhpcy5kZWxheWVkRmlsdGVyICE9IG51bGwpIHtcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLmRlbGF5ZWRGaWx0ZXIpO1xuICAgIH1cbiAgICAvKiBUaGlzIGF2b2lkcyB0byBsb2FkIGFsbCBkYXRhIGlmIGl0IGNvbWVzIGZyb20gYW4gdXBkYXRlICovXG4gICAgaWYgKGZpbHRlcnMpIHtcbiAgICAgIHRoaXMubGF0ZXN0RmlsdGVyID0gZmlsdGVycztcbiAgICAgIHRoaXMuZGVsYXllZEZpbHRlciA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICB0aGlzLmZpbHRlcihmaWx0ZXJzKTtcbiAgICAgICAgdGhpcy5kZWxheWVkRmlsdGVyID0gbnVsbDtcbiAgICAgIH0sIE1ldGFWaWV3Q2hhcnRDb21wb25lbnQuRklMVEVSX0RFTEFZKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5maWx0ZXIodGhpcy5sYXRlc3RGaWx0ZXIpO1xuICAgIH1cblxuICB9XG5cbiAgcHJpdmF0ZSBmaWx0ZXIoZmlsdGVyczogTWFwPHN0cmluZywgYW55Pik6IHZvaWQge1xuICAgIGlmICghZmlsdGVycyB8fCBmaWx0ZXJzLnNpemUgPT09IDApIHtcbiAgICAgIHRoaXMuZWxlbWVudHMgPSB0aGlzLmRhdGEuZGF0YTtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5lbGVtZW50cyA9IHRoaXMuZGF0YS5kYXRhLmZpbHRlcigoZWxlbWVudDogTWV0YVZpZXdFbGVtZW50RGF0YSkgPT4ge1xuICAgICAgcmV0dXJuICFBcnJheS5mcm9tKGZpbHRlcnMuZW50cmllcygpKS5tYXAoZmlsdGVyID0+IHRoaXMucmVzb2x2ZUZpbHRlcihmaWx0ZXJbMV0sIGVsZW1lbnQuZGF0YVtmaWx0ZXJbMF1dKSkuc29tZShyZXN1bHQgPT4gIXJlc3VsdCk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIHJlc29sdmVGaWx0ZXIocmVzdHJpY3Rpb246IGFueSwgdmFsdWU6IGFueSk6IGJvb2xlYW4ge1xuICAgIGlmIChBcnJheS5pc0FycmF5KHJlc3RyaWN0aW9uKSAmJiAhcmVzdHJpY3Rpb24uc29tZShBcnJheS5pc0FycmF5KSAmJiByZXN0cmljdGlvbi5sZW5ndGggPT09IDIpIHtcbiAgICAgIHJldHVybiB2YWx1ZSA+PSByZXN0cmljdGlvblswXSAmJiB2YWx1ZSA8PSByZXN0cmljdGlvblsxXTtcbiAgICB9XG4gICAgaWYgKEFycmF5LmlzQXJyYXkocmVzdHJpY3Rpb24pICYmIHJlc3RyaWN0aW9uLmV2ZXJ5KEFycmF5LmlzQXJyYXkpKSB7XG4gICAgICBpZiAodmFsdWUgaW5zdGFuY2VvZiBEYXRlKSB7XG4gICAgICAgIHJldHVybiByZXN0cmljdGlvbi5zb21lKHJhbmdlID0+IChyYW5nZVswXSBhcyBEYXRlKS5nZXRUaW1lKCkgPD0gdmFsdWUuZ2V0VGltZSgpICYmIHZhbHVlLmdldFRpbWUoKSA8PSAocmFuZ2VbMV0gYXMgRGF0ZSkuZ2V0VGltZSgpKTtcbiAgICAgIH1cbiAgICB9XG4gICAgY29uc3QgcmVnZXg6IFJlZ0V4cCA9IG5ldyBSZWdFeHAocmVzdHJpY3Rpb24sICdpJyk7XG4gICAgcmV0dXJuIHJlZ2V4LnRlc3QodmFsdWUpO1xuICB9XG59XG5cblxuIiwiPGRpdiBjbGFzcz1cIm1ldGEtdmlldy1jaGFydC1ib2FyZFwiIGlkPVwibWV0YXZpZXdlci1jaGFydFwiICp0cmFuc2xvY289XCJsZXQgdFwiPlxuICA8YnV0dG9uIGJpaXQtaWNvbiBpY29uPVwiaGFtYnVyZ2VyXCIgKm5nSWY9XCIhc2hvd01lbnVcIiAoY2xpY2spPVwic2hvd01lbnU9dHJ1ZVwiPjwvYnV0dG9uPlxuICA8ZGl2IGNsYXNzPVwibWV0YS12aWV3LWNvbHVtblwiICpuZ0lmPVwic2hvd01lbnVcIj5cbiAgICA8YnV0dG9uIGJpaXQtaWNvbiBpY29uPVwiaGFtYnVyZ2VyXCIgKGNsaWNrKT1cInNob3dNZW51PWZhbHNlXCIgc3R5bGU9XCJwb3NpdGlvbjphYnNvbHV0ZTtcIj48L2J1dHRvbj5cbiAgICA8YmlpdC1tZXRhLWZpbHRlciBbbWV0YWRhdGFdPVwiZGF0YVwiIChmaWx0ZXJDaGFuZ2UpPVwib25GaWx0ZXIoJGV2ZW50KVwiLz5cbiAgPC9kaXY+XG4gIDxiaWl0LW1ldGEtYm9hcmQgaWQ9XCJtZXRhdmlld2VyLWJvYXJkXCIgKm5nSWY9XCJ2aWV3ID09PSBWaWV3LkdSSURcIlxuICAgIFtkYXRhXT1cImVsZW1lbnRzXCJcbiAgICBbc2VsZWN0ZWRdPVwic2VsZWN0ZWRFbGVtZW50XCJcbiAgICAoZWxlbWVudENsaWNrKT1cIm9uRWxlbWVudENsaWNrKCRldmVudClcIlxuICAvPlxuICA8YmlpdC10aW1lbGluZS12aWV3ZXItY2hhcnQgaWQ9XCJtZXRhdmlld2VyLXRpbWVsaW5lXCIgKm5nSWY9XCJ2aWV3ID09PSBWaWV3LlRJTUVMSU5FICYmIHRpbWVsaW5lT3B0aW9ucyAmJiB0aW1lbGluZU9wdGlvbnMuZGF0ZVwiXG4gICAgW2RhdGFdPVwiZWxlbWVudHMgfCBleHRyYWN0RGF0YVwiXG4gICAgW29wdGlvbnNdPVwidGltZWxpbmVPcHRpb25zXCJcbiAgICAob25JdGVtQ2xpY2spPVwib25UaW1lTGluZUVsZW1lbnRDbGljaygkZXZlbnQpXCJcbiAgICBzdHlsZT1cIm92ZXJmbG93OiBoaWRkZW5cIlxuICAvPlxuICA8ZGl2IGNsYXNzPVwiZXJyb3Itdmlld1wiIGlkPVwibWV0YXZpZXdlci1lcnJvclwiICpuZ0lmPVwidmlldyA9PT0gVmlldy5USU1FTElORSAmJiAhdGltZWxpbmVPcHRpb25zPy5kYXRlXCI+XG4gICAgPGRpdj5cbiAgICAgIDxiaWl0LWljb24gbmFtZT1cImV4Y2xhbWF0aW9uXCIgc3R5bGU9XCJkaXNwbGF5OmJsb2NrOyB3aWR0aDogMXJlbTtcIiAvPlxuICAgIDwvZGl2PlxuICAgIDxkaXY+e3sgdCgnY2hhcnRzLmNvbmZpZ3VyYXRpb24tbm90LW1lZXRzLXJlcXVpcmVtZW50cycpIH19PC9kaXY+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibWV0YS12aWV3LWNvbHVtbiBydGxcIiBpZD1cIm1ldGFkYXRhLXZpZXdlclwiICpuZ0lmPVwic2VsZWN0ZWRFbGVtZW50XCIgQGZhZGVJbk91dD5cbiAgICA8YmlpdC1tZXRhZGF0YS12aWV3ZXIgY2xhc3M9XCJsdHJcIlxuICAgICAgW2RhdGFdPVwic2VsZWN0ZWRFbGVtZW50XCJcbiAgICAgIFtmaWVsZHNdPVwiZGF0YS5maWVsZHNcIlxuICAgICAgW3RpdGxlRmllbGRdPVwiZGF0YS50aXRsZUZpZWxkXCJcbiAgICAgIChvbkNsb3NlKT1cInVuc2VsZWN0RWxlbWVudCgpXCIvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWV0YS12aWV3LWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dpemFyZHJ5LXRoZW1lL2NoYXJ0cy9zcmMvbWV0YS12aWV3LWNoYXJ0L21ldGEtdmlldy1jaGFydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93aXphcmRyeS10aGVtZS9jaGFydHMvc3JjL21ldGEtdmlldy1jaGFydC9tZXRhLXZpZXctY2hhcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUdMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFDLElBQUksRUFBQyxNQUFNLGNBQWMsQ0FBQztBQUdsQyxPQUFPLEVBQUMsRUFBRSxJQUFJLElBQUksRUFBQyxNQUFNLE1BQU0sQ0FBQztBQUNoQyxPQUFPLEVBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDeEUsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLG1CQUFtQixDQUFDOzs7Ozs7Ozs7OztBQXdCbEQsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQyxJQUFtQixLQUFLLENBQUMsSUFBa0I7UUFDekMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxJQUFJLEVBQUU7WUFDUixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7Z0JBQy9CO29CQUNFLE9BQU8sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxFQUFFLENBQUM7b0JBQzdCLE9BQU8sQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsT0FBTyxDQUFDLFdBQVcsQ0FBQztpQkFDOUM7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LEVBQUMsS0FBSyxFQUFFLHNCQUFzQixFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUM7eUJBQzNELENBQUMsY0FDVTt3QkFDVixPQUFPLENBQUMsV0FBVyxFQUFFOzRCQUNuQixVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBQyxPQUFPLEVBQUUsQ0FBQyxFQUFDLENBQUM7Z0NBQ25CLE9BQU8sQ0FBQyxlQUFlLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7NkJBQzlDLENBQUM7NEJBQ0YsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQ0FDbkIsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDO2dDQUNuQixPQUFPLENBQUMsZ0JBQWdCLEVBQUUsS0FBSyxDQUFDLEVBQUMsT0FBTyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7NkJBQy9DLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDt3R0FHa0IsS0FBSztzQkFBdkIsS0FBSzt1QkFBQyxNQUFNO2dCQXFCSixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7TWV0YVZpZXdFbGVtZW50RGF0YX0gZnJvbSBcIi4vbW9kZWwvbWV0YS12aWV3LWVsZW1lbnQtZGF0YVwiO1xuaW1wb3J0IHtNZXRhVmlld0RhdGF9IGZyb20gXCIuL21vZGVsL21ldGEtdmlldy1kYXRhXCI7XG5pbXBvcnQge1ZpZXd9IGZyb20gXCIuL21vZGVsL3ZpZXdcIjtcbmltcG9ydCB7VGltZWxpbmVWaWV3ZXJDaGFydE9wdGlvbnN9IGZyb20gXCIuLi90aW1lbGluZS12aWV3ZXItY2hhcnQvbW9kZWxzL3RpbWVsaW5lLXZpZXdlci1jaGFydC1vcHRpb25zXCI7XG5pbXBvcnQge1RpbWVsaW5lVmlld2VyQ2hhcnREYXRhfSBmcm9tIFwiLi4vdGltZWxpbmUtdmlld2VyLWNoYXJ0L21vZGVscy90aW1lbGluZS12aWV3ZXItY2hhcnQtZGF0YVwiO1xuaW1wb3J0IHt2NCBhcyB1dWlkfSBmcm9tICd1dWlkJztcbmltcG9ydCB7YW5pbWF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XG5pbXBvcnQge1RSQU5TTE9DT19TQ09QRX0gZnJvbSBcIkBuZ25lYXQvdHJhbnNsb2NvXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2JpaXQtbWV0YS12aWV3LWNoYXJ0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21ldGEtdmlldy1jaGFydC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21ldGEtdmlldy1jaGFydC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBwcm92aWRlcnM6IFt7XG4gICAgcHJvdmlkZTogVFJBTlNMT0NPX1NDT1BFLFxuICAgIHVzZVZhbHVlOiB7c2NvcGU6ICd3aXphcmRyeS10aGVtZS9jaGFydCcsIGFsaWFzOiBcImNoYXJ0c1wifVxuICB9XSxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ2ZhZGVJbk91dCcsIFtcbiAgICAgIHRyYW5zaXRpb24oJzplbnRlcicsIFtcbiAgICAgICAgc3R5bGUoe29wYWNpdHk6IDB9KSxcbiAgICAgICAgYW5pbWF0ZSgnMzAwbXMgZWFzZS1pbicsIHN0eWxlKHtvcGFjaXR5OiAxfSkpXG4gICAgICBdKSxcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIFtcbiAgICAgICAgc3R5bGUoe29wYWNpdHk6IDF9KSxcbiAgICAgICAgYW5pbWF0ZSgnMzAwbXMgZWFzZS1vdXQnLCBzdHlsZSh7b3BhY2l0eTogMH0pKVxuICAgICAgXSlcbiAgICBdKVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE1ldGFWaWV3Q2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KCdkYXRhJykgc2V0IF9kYXRhKGRhdGE6IE1ldGFWaWV3RGF0YSkge1xuICAgIHRoaXMuZGF0YSA9IGRhdGE7XG4gICAgaWYgKGRhdGEpIHtcbiAgICAgIHRoaXMuZGF0YS5kYXRhLmZvckVhY2goZWxlbWVudCA9PiB7XG4gICAgICAgIHtcbiAgICAgICAgICBlbGVtZW50LmRhdGFbJ19pZCddID0gdXVpZCgpO1xuICAgICAgICAgIGVsZW1lbnQuZGF0YVsnX2NvbG9yJ10gPSBlbGVtZW50LnN0YXR1c0NvbG9yO1xuICAgICAgICB9XG4gICAgICB9KTtcbiAgICAgIHRoaXMuY2RSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuICAgICAgdGhpcy50aW1lbGluZU9wdGlvbnMgPSB7XG4gICAgICAgIGRhdGU6IGRhdGEudGltZWxpbmVEYXRlRmllbGQsXG4gICAgICAgIGNvbG9yOiAnX2NvbG9yJyxcbiAgICAgICAgdG9vbHRpcEhlYWRlcjogZGF0YS50aXRsZUZpZWxkLFxuICAgICAgICB0b29sdGlwSW5mbzogW11cbiAgICAgIH07XG4gICAgICB0aGlzLmVsZW1lbnRzID0gdGhpcy5kYXRhLmRhdGE7XG4gICAgICB0aGlzLm9uRmlsdGVyKG51bGwpO1xuICAgIH1cbiAgfVxuXG4gIEBJbnB1dCgpIHZpZXc6IFZpZXcgPSBWaWV3LkdSSUQ7XG4gIEBPdXRwdXQoKSBzZWxlY3RlZDogRXZlbnRFbWl0dGVyPE1ldGFWaWV3RWxlbWVudERhdGE+ID0gbmV3IEV2ZW50RW1pdHRlcjxNZXRhVmlld0VsZW1lbnREYXRhPigpO1xuICBAT3V0cHV0KCkgdW5zZWxlY3RlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIHByb3RlY3RlZCByZWFkb25seSBWaWV3ID0gVmlldztcblxuICBwcm90ZWN0ZWQgZGF0YTogTWV0YVZpZXdEYXRhO1xuICBwcm90ZWN0ZWQgZmllbGRzOiBzdHJpbmdbXSA9IFsnbmFtZScsICdkYXRlJywgJ3YxJywgJ3YyJywgJ3YzJywgJ2IxJ107XG4gIHByb3RlY3RlZCBlbGVtZW50czogTWV0YVZpZXdFbGVtZW50RGF0YVtdID0gW107XG4gIHByb3RlY3RlZCBzZWxlY3RlZEVsZW1lbnQ6IE1ldGFWaWV3RWxlbWVudERhdGE7XG4gIHByb3RlY3RlZCBsYXRlc3RGaWx0ZXI6IE1hcDxzdHJpbmcsIGFueT47XG4gIHByb3RlY3RlZCBzaG93TWVudT0gdHJ1ZTtcblxuICBwcm90ZWN0ZWQgdGltZWxpbmVPcHRpb25zOiBUaW1lbGluZVZpZXdlckNoYXJ0T3B0aW9ucztcbiAgcHJpdmF0ZSBkZWxheWVkRmlsdGVyOiBOb2RlSlMuVGltZW91dDtcbiAgcHJpdmF0ZSBzdGF0aWMgRklMVEVSX0RFTEFZOiBudW1iZXIgPSA1MDA7XG4gIHByaXZhdGUgc3RhdGljIFNIT1dfTUVOVV9TSVpFOiBudW1iZXIgPSA4MDA7XG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2hvd01lbnUgPSB3aW5kb3cuc2NyZWVuLndpZHRoICA+IE1ldGFWaWV3Q2hhcnRDb21wb25lbnQuU0hPV19NRU5VX1NJWkU7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25FbGVtZW50Q2xpY2soZWxlbWVudDogTWV0YVZpZXdFbGVtZW50RGF0YSkge1xuICAgIHRoaXMuc2VsZWN0ZWRFbGVtZW50ID0gZWxlbWVudDtcbiAgICB0aGlzLnNlbGVjdGVkLmVtaXQoZWxlbWVudCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgdW5zZWxlY3RFbGVtZW50KCkge1xuICAgIHRoaXMuc2VsZWN0ZWRFbGVtZW50ID0gdW5kZWZpbmVkO1xuICAgIHRoaXMudW5zZWxlY3RlZC5lbWl0KCk7XG4gICAgdGhpcy5jZFJlZi5kZXRlY3RDaGFuZ2VzKClcbiAgfVxuXG4gIHByb3RlY3RlZCBvblRpbWVMaW5lRWxlbWVudENsaWNrKGVsZW1lbnQ6IFRpbWVsaW5lVmlld2VyQ2hhcnREYXRhKSB7XG4gICAgdGhpcy5zZWxlY3RlZEVsZW1lbnQgPSB0aGlzLmRhdGEuZGF0YS5maW5kKGUgPT4gZS5kYXRhWydfaWQnXSA9PT0gZWxlbWVudC5tZXRhWydfaWQnXSk7XG4gICAgdGhpcy5zZWxlY3RlZC5lbWl0KHRoaXMuc2VsZWN0ZWRFbGVtZW50KTtcbiAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkZpbHRlcihmaWx0ZXJzOiBNYXA8c3RyaW5nLCBhbnk+KTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGVsYXllZEZpbHRlciAhPSBudWxsKSB7XG4gICAgICBjbGVhclRpbWVvdXQodGhpcy5kZWxheWVkRmlsdGVyKTtcbiAgICB9XG4gICAgLyogVGhpcyBhdm9pZHMgdG8gbG9hZCBhbGwgZGF0YSBpZiBpdCBjb21lcyBmcm9tIGFuIHVwZGF0ZSAqL1xuICAgIGlmIChmaWx0ZXJzKSB7XG4gICAgICB0aGlzLmxhdGVzdEZpbHRlciA9IGZpbHRlcnM7XG4gICAgICB0aGlzLmRlbGF5ZWRGaWx0ZXIgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgdGhpcy5maWx0ZXIoZmlsdGVycyk7XG4gICAgICAgIHRoaXMuZGVsYXllZEZpbHRlciA9IG51bGw7XG4gICAgICB9LCBNZXRhVmlld0NoYXJ0Q29tcG9uZW50LkZJTFRFUl9ERUxBWSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZmlsdGVyKHRoaXMubGF0ZXN0RmlsdGVyKTtcbiAgICB9XG5cbiAgfVxuXG4gIHByaXZhdGUgZmlsdGVyKGZpbHRlcnM6IE1hcDxzdHJpbmcsIGFueT4pOiB2b2lkIHtcbiAgICBpZiAoIWZpbHRlcnMgfHwgZmlsdGVycy5zaXplID09PSAwKSB7XG4gICAgICB0aGlzLmVsZW1lbnRzID0gdGhpcy5kYXRhLmRhdGE7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuZWxlbWVudHMgPSB0aGlzLmRhdGEuZGF0YS5maWx0ZXIoKGVsZW1lbnQ6IE1ldGFWaWV3RWxlbWVudERhdGEpID0+IHtcbiAgICAgIHJldHVybiAhQXJyYXkuZnJvbShmaWx0ZXJzLmVudHJpZXMoKSkubWFwKGZpbHRlciA9PiB0aGlzLnJlc29sdmVGaWx0ZXIoZmlsdGVyWzFdLCBlbGVtZW50LmRhdGFbZmlsdGVyWzBdXSkpLnNvbWUocmVzdWx0ID0+ICFyZXN1bHQpO1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSByZXNvbHZlRmlsdGVyKHJlc3RyaWN0aW9uOiBhbnksIHZhbHVlOiBhbnkpOiBib29sZWFuIHtcbiAgICBpZiAoQXJyYXkuaXNBcnJheShyZXN0cmljdGlvbikgJiYgIXJlc3RyaWN0aW9uLnNvbWUoQXJyYXkuaXNBcnJheSkgJiYgcmVzdHJpY3Rpb24ubGVuZ3RoID09PSAyKSB7XG4gICAgICByZXR1cm4gdmFsdWUgPj0gcmVzdHJpY3Rpb25bMF0gJiYgdmFsdWUgPD0gcmVzdHJpY3Rpb25bMV07XG4gICAgfVxuICAgIGlmIChBcnJheS5pc0FycmF5KHJlc3RyaWN0aW9uKSAmJiByZXN0cmljdGlvbi5ldmVyeShBcnJheS5pc0FycmF5KSkge1xuICAgICAgaWYgKHZhbHVlIGluc3RhbmNlb2YgRGF0ZSkge1xuICAgICAgICByZXR1cm4gcmVzdHJpY3Rpb24uc29tZShyYW5nZSA9PiAocmFuZ2VbMF0gYXMgRGF0ZSkuZ2V0VGltZSgpIDw9IHZhbHVlLmdldFRpbWUoKSAmJiB2YWx1ZS5nZXRUaW1lKCkgPD0gKHJhbmdlWzFdIGFzIERhdGUpLmdldFRpbWUoKSk7XG4gICAgICB9XG4gICAgfVxuICAgIGNvbnN0IHJlZ2V4OiBSZWdFeHAgPSBuZXcgUmVnRXhwKHJlc3RyaWN0aW9uLCAnaScpO1xuICAgIHJldHVybiByZWdleC50ZXN0KHZhbHVlKTtcbiAgfVxufVxuXG5cbiIsIjxkaXYgY2xhc3M9XCJtZXRhLXZpZXctY2hhcnQtYm9hcmRcIiBpZD1cIm1ldGF2aWV3ZXItY2hhcnRcIiAqdHJhbnNsb2NvPVwibGV0IHRcIj5cbiAgPGJ1dHRvbiBiaWl0LWljb24gaWNvbj1cImhhbWJ1cmdlclwiICpuZ0lmPVwiIXNob3dNZW51XCIgKGNsaWNrKT1cInNob3dNZW51PXRydWVcIj48L2J1dHRvbj5cbiAgPGRpdiBjbGFzcz1cIm1ldGEtdmlldy1jb2x1bW5cIiAqbmdJZj1cInNob3dNZW51XCI+XG4gICAgPGJ1dHRvbiBiaWl0LWljb24gaWNvbj1cImhhbWJ1cmdlclwiIChjbGljayk9XCJzaG93TWVudT1mYWxzZVwiIHN0eWxlPVwicG9zaXRpb246YWJzb2x1dGU7XCI+PC9idXR0b24+XG4gICAgPGJpaXQtbWV0YS1maWx0ZXIgW21ldGFkYXRhXT1cImRhdGFcIiAoZmlsdGVyQ2hhbmdlKT1cIm9uRmlsdGVyKCRldmVudClcIi8+XG4gIDwvZGl2PlxuICA8YmlpdC1tZXRhLWJvYXJkIGlkPVwibWV0YXZpZXdlci1ib2FyZFwiICpuZ0lmPVwidmlldyA9PT0gVmlldy5HUklEXCJcbiAgICBbZGF0YV09XCJlbGVtZW50c1wiXG4gICAgW3NlbGVjdGVkXT1cInNlbGVjdGVkRWxlbWVudFwiXG4gICAgKGVsZW1lbnRDbGljayk9XCJvbkVsZW1lbnRDbGljaygkZXZlbnQpXCJcbiAgLz5cbiAgPGJpaXQtdGltZWxpbmUtdmlld2VyLWNoYXJ0IGlkPVwibWV0YXZpZXdlci10aW1lbGluZVwiICpuZ0lmPVwidmlldyA9PT0gVmlldy5USU1FTElORSAmJiB0aW1lbGluZU9wdGlvbnMgJiYgdGltZWxpbmVPcHRpb25zLmRhdGVcIlxuICAgIFtkYXRhXT1cImVsZW1lbnRzIHwgZXh0cmFjdERhdGFcIlxuICAgIFtvcHRpb25zXT1cInRpbWVsaW5lT3B0aW9uc1wiXG4gICAgKG9uSXRlbUNsaWNrKT1cIm9uVGltZUxpbmVFbGVtZW50Q2xpY2soJGV2ZW50KVwiXG4gICAgc3R5bGU9XCJvdmVyZmxvdzogaGlkZGVuXCJcbiAgLz5cbiAgPGRpdiBjbGFzcz1cImVycm9yLXZpZXdcIiBpZD1cIm1ldGF2aWV3ZXItZXJyb3JcIiAqbmdJZj1cInZpZXcgPT09IFZpZXcuVElNRUxJTkUgJiYgIXRpbWVsaW5lT3B0aW9ucz8uZGF0ZVwiPlxuICAgIDxkaXY+XG4gICAgICA8YmlpdC1pY29uIG5hbWU9XCJleGNsYW1hdGlvblwiIHN0eWxlPVwiZGlzcGxheTpibG9jazsgd2lkdGg6IDFyZW07XCIgLz5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2Pnt7IHQoJ2NoYXJ0cy5jb25maWd1cmF0aW9uLW5vdC1tZWV0cy1yZXF1aXJlbWVudHMnKSB9fTwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cIm1ldGEtdmlldy1jb2x1bW4gcnRsXCIgaWQ9XCJtZXRhZGF0YS12aWV3ZXJcIiAqbmdJZj1cInNlbGVjdGVkRWxlbWVudFwiIEBmYWRlSW5PdXQ+XG4gICAgPGJpaXQtbWV0YWRhdGEtdmlld2VyIGNsYXNzPVwibHRyXCJcbiAgICAgIFtkYXRhXT1cInNlbGVjdGVkRWxlbWVudFwiXG4gICAgICBbZmllbGRzXT1cImRhdGEuZmllbGRzXCJcbiAgICAgIFt0aXRsZUZpZWxkXT1cImRhdGEudGl0bGVGaWVsZFwiXG4gICAgICAob25DbG9zZSk9XCJ1bnNlbGVjdEVsZW1lbnQoKVwiLz5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/charts/pie-chart/pie-chart.component.mjs

@@ -111,10 +111,10 @@ export class PieChartComponent {
     }
 }
 PieChartComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PieChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-PieChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PieChartComponent, selector: "biit-pie-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [series]=\"chartOptions.series\"\n             [chart]=\"chartOptions.chart\"\n             [labels]=\"chartOptions.labels\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [plotOptions]=\"chartOptions.plotOptions\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [legend]=\"chartOptions.legend\"\n             [title]=\"chartOptions.title\"\n             [tooltip]=\"chartOptions.tooltip\"\n             [grid]=\"chartOptions.grid\"\n             [fill]=\"chartOptions.fill\"\n             [states]=\"chartOptions.states\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid #262626;border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:white}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem;color:#000}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid #262626}#bar-chart ::ng-deep .apexcharts-legend-series .apexcharts-legend-marker{margin-right:7px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
+PieChartComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PieChartComponent, selector: "biit-pie-chart", inputs: { data: "data", title: "title", width: "width", min: "min", max: "max" }, viewQueries: [{ propertyName: "apexChart", first: true, predicate: ["apexChart"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div id=\"bar-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [series]=\"chartOptions.series\"\n             [chart]=\"chartOptions.chart\"\n             [labels]=\"chartOptions.labels\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [plotOptions]=\"chartOptions.plotOptions\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [legend]=\"chartOptions.legend\"\n             [title]=\"chartOptions.title\"\n             [tooltip]=\"chartOptions.tooltip\"\n             [grid]=\"chartOptions.grid\"\n             [fill]=\"chartOptions.fill\"\n             [states]=\"chartOptions.states\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--popup-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem;color:var(--component-color)}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}#bar-chart ::ng-deep .apexcharts-legend-series .apexcharts-legend-marker{margin-right:7px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ChartComponent, selector: "apx-chart", inputs: ["chart", "annotations", "colors", "dataLabels", "series", "stroke", "labels", "legend", "markers", "noData", "fill", "tooltip", "plotOptions", "responsive", "xaxis", "yaxis", "forecastDataPoints", "grid", "states", "title", "subtitle", "theme", "autoUpdateSeries"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PieChartComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'biit-pie-chart', template: "<div id=\"bar-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [series]=\"chartOptions.series\"\n             [chart]=\"chartOptions.chart\"\n             [labels]=\"chartOptions.labels\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [plotOptions]=\"chartOptions.plotOptions\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [legend]=\"chartOptions.legend\"\n             [title]=\"chartOptions.title\"\n             [tooltip]=\"chartOptions.tooltip\"\n             [grid]=\"chartOptions.grid\"\n             [fill]=\"chartOptions.fill\"\n             [states]=\"chartOptions.states\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid #262626;border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:white}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem;color:#000}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid #262626}#bar-chart ::ng-deep .apexcharts-legend-series .apexcharts-legend-marker{margin-right:7px}\n"] }]
+            args: [{ selector: 'biit-pie-chart', template: "<div id=\"bar-chart\"\n     [style.opacity]=\"chartOptions ? '1' : '0'\">\n  <apx-chart *ngIf=\"chartOptions\"\n             [series]=\"chartOptions.series\"\n             [chart]=\"chartOptions.chart\"\n             [labels]=\"chartOptions.labels\"\n             [dataLabels]=\"chartOptions.dataLabels\"\n             [colors]=\"chartOptions.colors\"\n             [plotOptions]=\"chartOptions.plotOptions\"\n             [xaxis]=\"chartOptions.xaxis\"\n             [yaxis]=\"chartOptions.yaxis\"\n             [legend]=\"chartOptions.legend\"\n             [title]=\"chartOptions.title\"\n             [tooltip]=\"chartOptions.tooltip\"\n             [grid]=\"chartOptions.grid\"\n             [fill]=\"chartOptions.fill\"\n             [states]=\"chartOptions.states\"\n             style=\"display: block; height: 100%;\"\n             #apexChart\n  ></apx-chart>\n</div>\n", styles: ["#bar-chart{display:block;height:inherit;width:inherit;overflow:hidden;overflow-x:auto;transition:1s ease-in-out}#bar-chart ::ng-deep .apexcharts-tooltip{border:1px solid var(--component-color);border-radius:0;box-shadow:none;font-family:Montserrat;font-size:.7rem;background:var(--popup-background)}#bar-chart ::ng-deep .apexcharts-tooltip *{box-sizing:border-box}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content{display:flex;flex-direction:column;row-gap:.2rem;padding:.45rem .7rem;color:var(--component-color)}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data{display:flex;align-items:center}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-square{height:.5rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-tooltip .tooltip-content .tooltip-data .tooltip-line{height:.1rem;width:.5rem;margin-right:.45rem}#bar-chart ::ng-deep .apexcharts-series path:hover{box-sizing:border-box;border:.15rem solid var(--component-color)}#bar-chart ::ng-deep .apexcharts-legend-series .apexcharts-legend-marker{margin-right:7px}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { apexChart: [{
                 type: ViewChild,
                 args: ['apexChart']