npm - @biit-solutions/wizardry-theme - Versions diffs - 1.21.35 → 1.22.2 - Mend

@biit-solutions/wizardry-theme 1.21.35 → 1.22.2

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

Files changed (78) hide show

package/fesm2020/biit-solutions-wizardry-theme-button.mjs CHANGED Viewed

@@ -54,10 +54,10 @@ 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 []; } });
 class BiitButtonModule {
@@ -101,10 +101,10 @@ 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$1.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$1.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: [{
@@ -180,10 +180,10 @@ 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/fesm2020/biit-solutions-wizardry-theme-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"biit-solutions-wizardry-theme-button.mjs","sources":["../../../projects/wizardry-theme/button/src/biit-button/biit-button.component.ts","../../../projects/wizardry-theme/button/src/biit-button/biit-button.component.html","../../../projects/wizardry-theme/button/src/biit-button/biit-button.module.ts","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.component.ts","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.component.html","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.module.ts","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.component.ts","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.component.html","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.module.ts","../../../projects/wizardry-theme/button/src/public-api.ts","../../../projects/wizardry-theme/button/src/biit-solutions-wizardry-theme-button.ts"],"sourcesContent":["import {Component, Directive} from '@angular/core';\n\n@Directive({\n selector: '[primary]'\n})\nexport class BiitButtonPrimaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'primary';\n }\n}\n\n@Directive({\n selector: '[secondary]'\n})\nexport class BiitButtonSecondaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'secondary';\n }\n}\n\n@Directive({\n selector: '[tertiary]'\n})\nexport class BiitButtonTertiaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'tertiary';\n }\n}\n\n@Component({\n selector: 'button[biit-button]',\n templateUrl: 'biit-button.component.html',\n styleUrls: ['biit-button.component.scss'],\n})\n\nexport class BiitButtonComponent {\n color = 'primary';\n\n constructor() { }\n}\n","<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","import {NgModule} from '@angular/core';\nimport {\n BiitButtonComponent,\n BiitButtonPrimaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective\n} from './biit-button.component';\nimport {CommonModule} from \"@angular/common\";\nimport {FormsModule} from '@angular/forms';\n\n@NgModule({\n declarations: [\n BiitButtonComponent,\n BiitButtonPrimaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective\n ],\n imports: [\n CommonModule,\n FormsModule\n ],\n exports: [\n BiitButtonComponent,\n BiitButtonPrimaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective\n ]\n})\nexport class BiitButtonModule { }\n","import {Component, Input} from '@angular/core';\nimport {biitIcon} from '@biit-solutions/biit-icons-collection';\n\n@Component({\n selector: 'button[biit-icon]',\n templateUrl: 'biit-icon-button.component.html',\n styleUrls: ['biit-icon-button.component.scss'],\n})\n\nexport class BiitIconButtonComponent {\n\n @Input() icon: biitIcon;\n @Input() checked: boolean = false;\n}\n","<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","import {NgModule} from '@angular/core';\nimport {BiitIconButtonComponent} from './biit-icon-button.component';\nimport {BiitIconModule} from '@biit-solutions/wizardry-theme/icon';\n\n@NgModule({\n declarations: [\n BiitIconButtonComponent\n ],\n imports: [\n BiitIconModule\n ],\n exports: [\n BiitIconButtonComponent\n ]\n})\nexport class BiitIconButtonModule { }\n","import {AfterContentInit, Component, ContentChildren, ElementRef, Input, QueryList} from '@angular/core';\nimport {BiitIconButtonComponent} from \"../biit-icon-button/biit-icon-button.component\";\n\n@Component({\n selector: 'biit-action-button',\n templateUrl: './biit-action-button.component.html',\n styleUrls: ['./biit-action-button.component.scss']\n})\nexport class BiitActionButtonComponent implements AfterContentInit {\n\n @Input() position: FabPosition = 'bottom-right';\n @Input() additionalX: number = 0;\n @Input() additionalY: number = 0;\n @ContentChildren(BiitIconButtonComponent) inputButtons: QueryList<BiitIconButtonComponent>;\n protected buttons: BiitIconButtonComponent[];\n protected hover = false;\n\n constructor(private elementRef: ElementRef) {\n }\n\n ngAfterContentInit(): void {\n this.buttons = this.inputButtons.toArray();\n }\n\n positionStyle(): Object {\n const parentBoundingRect = this.elementRef.nativeElement.parentElement.getBoundingClientRect();\n const rem = parseFloat(getComputedStyle(document.documentElement).fontSize);\n const fabWidth = (rem 2.125) + 6;\n const desiredOffsetX = (rem * 1.5) + this.additionalX;\n const desiredOffsetY = rem + this.additionalY;\n const bottomOffsetX = desiredOffsetY + (this.hover ? (rem * 2.125)(this.buttons.length-1) : 0);\n\n const leftLeft = `${parentBoundingRect.left + desiredOffsetX}px`;\n const leftMid = `${parentBoundingRect.left + (parentBoundingRect.width / 2) - (fabWidth / 2) + this.additionalX}px`;\n const leftRight = `${parentBoundingRect.right - (fabWidth + desiredOffsetX)}px`;\n\n const topTop = `${parentBoundingRect.top + desiredOffsetY}px`;\n const topMid = `${parentBoundingRect.top + (parentBoundingRect.height / 2) - (fabWidth / 2) + this.additionalY}px`;\n const topBottom = `${parentBoundingRect.bottom - (fabWidth + bottomOffsetX)}px`;\n\n switch (this.position) {\n case 'top-left':\n return {top: topTop, left: leftLeft};\n case 'top-middle':\n return {top: topTop, left: leftMid};\n case 'top-right':\n return {top: topTop, left: leftRight};\n case 'middle-left':\n return {top: topMid, left: leftLeft};\n case 'middle-right':\n return {top: topMid, left: leftRight};\n case 'middle-middle':\n return {top: topMid, left: leftMid};\n case 'bottom-left':\n return {top: topBottom, left: leftLeft, 'flex-direction': 'column-reverse'};\n case 'bottom-middle':\n return {top: topBottom, left: leftMid, 'flex-direction': 'column-reverse'};\n case 'bottom-right':\n return {top: topBottom, left: leftRight, 'flex-direction': 'column-reverse'};\n default:\n return {};\n }\n }\n}\n\nexport type FabPosition = 'top-left' \| 'top-middle' \| 'top-right' \| 'middle-left' \| 'middle-middle' \| 'middle-right' \| 'bottom-left' \| 'bottom-middle' \| 'bottom-right' \| 'custom';\n","<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n <ng-content></ng-content>\n</div>\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from \"@angular/common\";\nimport {FormsModule} from '@angular/forms';\nimport {BiitActionButtonComponent} from \"./biit-action-button.component\";\nimport {BiitIconButtonModule} from \"../biit-icon-button/biit-icon-button.module\";\n\n@NgModule({\n declarations: [\n BiitActionButtonComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n BiitIconButtonModule\n ],\n exports: [\n BiitActionButtonComponent\n ]\n})\nexport class BiitActionButtonModule { }\n","/\n * Public API Surface of wizardry-theme/button\n /\n\nexport from './biit-button/biit-button.component';\nexport * from './biit-button/biit-button.module';\nexport * from './biit-icon-button/biit-icon-button.component';\nexport * from './biit-icon-button/biit-icon-button.module';\nexport * from './biit-action-button/biit-action-button.component';\nexport * from './biit-action-button/biit-action-button.module';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1"],"mappings":";;;;;;;;MAKa,0BAA0B,CAAA;AACrC,IAAA,WAAA,CAAoB,MAA2B,EAAA;QAA3B,IAAM,CAAA,MAAA,GAAN,MAAM,CAAqB;AAC7C,QAAA,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC;KAC1B;;wHAHU,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4GAA1B,0BAA0B,EAAA,QAAA,EAAA,WAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAHtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACtB,iBAAA,CAAA;;MAUY,4BAA4B,CAAA;AACvC,IAAA,WAAA,CAAoB,MAA2B,EAAA;QAA3B,IAAM,CAAA,MAAA,GAAN,MAAM,CAAqB;AAC7C,QAAA,MAAM,CAAC,KAAK,GAAG,WAAW,CAAC;KAC5B;;0HAHU,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;8GAA5B,4BAA4B,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAHxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACxB,iBAAA,CAAA;;MAUY,2BAA2B,CAAA;AACtC,IAAA,WAAA,CAAoB,MAA2B,EAAA;QAA3B,IAAM,CAAA,MAAA,GAAN,MAAM,CAAqB;AAC7C,QAAA,MAAM,CAAC,KAAK,GAAG,UAAU,CAAC;KAC3B;;yHAHU,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;6GAA3B,2BAA2B,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACvB,iBAAA,CAAA;;MAaY,mBAAmB,CAAA;AAG9B,IAAA,WAAA,GAAA;QAFA,IAAK,CAAA,KAAA,GAAG,SAAS,CAAC;KAED;;iHAHN,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,2DCnChC,uRAQA,EAAA,MAAA,EAAA,CAAA,4+EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FD2Ba,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACE,qBAAqB,EAAA,QAAA,EAAA,uRAAA,EAAA,MAAA,EAAA,CAAA,4+EAAA,CAAA,EAAA,CAAA;;;MEFpB,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBAhBzB,mBAAmB;QACnB,0BAA0B;QAC1B,4BAA4B;AAC5B,QAAA,2BAA2B,aAG3B,YAAY;AACZ,QAAA,WAAW,aAGX,mBAAmB;QACnB,0BAA0B;QAC1B,4BAA4B;QAC5B,2BAA2B,CAAA,EAAA,CAAA,CAAA;AAGlB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAVzB,YAAY;QACZ,WAAW,CAAA,EAAA,CAAA,CAAA;4FASF,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAlB5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;wBACnB,0BAA0B;wBAC1B,4BAA4B;wBAC5B,2BAA2B;AAC5B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;AACZ,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,0BAA0B;wBAC1B,4BAA4B;wBAC5B,2BAA2B;AAC5B,qBAAA;AACF,iBAAA,CAAA;;;MClBY,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;QASW,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;AACnC,KAAA;;qHAJY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,uGCTpC,0OAOA,EAAA,MAAA,EAAA,CAAA,ooBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDEa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACE,mBAAmB,EAAA,QAAA,EAAA,0OAAA,EAAA,MAAA,EAAA,CAAA,ooBAAA,CAAA,EAAA,CAAA;8BAOpB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;;;MEGK,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAT7B,YAAA,EAAA,CAAA,uBAAuB,CAGvB,EAAA,OAAA,EAAA,CAAA,cAAc,aAGd,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAGd,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAN7B,cAAc,CAAA,EAAA,CAAA,CAAA;4FAML,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,uBAAuB;AACxB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,cAAc;AACf,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;AACxB,qBAAA;AACF,iBAAA,CAAA;;;MCNY,yBAAyB,CAAA;AASpC,IAAA,WAAA,CAAoB,UAAsB,EAAA;QAAtB,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QAPjC,IAAQ,CAAA,QAAA,GAAgB,cAAc,CAAC;QACvC,IAAW,CAAA,WAAA,GAAW,CAAC,CAAC;QACxB,IAAW,CAAA,WAAA,GAAW,CAAC,CAAC;QAGvB,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC;KAGvB;IAED,kBAAkB,GAAA;QAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;KAC5C;IAED,aAAa,GAAA;AACX,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;AAC/F,QAAA,MAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC5E,MAAM,QAAQ,GAAG,CAAC,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC;QACnC,MAAM,cAAc,GAAG,CAAC,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC;AACtD,QAAA,MAAM,cAAc,GAAG,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC;AAC9C,QAAA,MAAM,aAAa,GAAG,cAAc,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,GAAG,KAAK,KAAG,IAAI,CAAC,OAAO,CAAC,MAAM,GAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAEhG,MAAM,QAAQ,GAAG,CAAG,EAAA,kBAAkB,CAAC,IAAI,GAAG,cAAc,CAAA,EAAA,CAAI,CAAC;QACjE,MAAM,OAAO,GAAG,CAAA,EAAG,kBAAkB,CAAC,IAAI,IAAI,kBAAkB,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAA,EAAA,CAAI,CAAC;AACpH,QAAA,MAAM,SAAS,GAAG,CAAG,EAAA,kBAAkB,CAAC,KAAK,IAAI,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC;QAEhF,MAAM,MAAM,GAAG,CAAG,EAAA,kBAAkB,CAAC,GAAG,GAAG,cAAc,CAAA,EAAA,CAAI,CAAC;QAC9D,MAAM,MAAM,GAAG,CAAA,EAAG,kBAAkB,CAAC,GAAG,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAA,EAAA,CAAI,CAAC;AACnH,QAAA,MAAM,SAAS,GAAG,CAAG,EAAA,kBAAkB,CAAC,MAAM,IAAI,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC;QAEhF,QAAQ,IAAI,CAAC,QAAQ;AACnB,YAAA,KAAK,UAAU;gBACb,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAC,CAAC;AACvC,YAAA,KAAK,YAAY;gBACf,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,CAAC;AACtC,YAAA,KAAK,WAAW;gBACd,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC;AACxC,YAAA,KAAK,aAAa;gBAChB,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAC,CAAC;AACvC,YAAA,KAAK,cAAc;gBACjB,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC;AACxC,YAAA,KAAK,eAAe;gBAClB,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,CAAC;AACtC,YAAA,KAAK,aAAa;AAChB,gBAAA,OAAO,EAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC9E,YAAA,KAAK,eAAe;AAClB,gBAAA,OAAO,EAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC7E,YAAA,KAAK,cAAc;AACjB,gBAAA,OAAO,EAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC/E,YAAA;AACE,gBAAA,OAAO,EAAE,CAAC;AACb,SAAA;KACF;;uHAtDU,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2GAAzB,yBAAyB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAKnB,uBAAuB,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECb1C,2LAGA,EAAA,MAAA,EAAA,CAAA,imBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDKa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;+BACE,oBAAoB,EAAA,QAAA,EAAA,2LAAA,EAAA,MAAA,EAAA,CAAA,imBAAA,CAAA,EAAA,CAAA;iGAMrB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACoC,YAAY,EAAA,CAAA;sBAArD,eAAe;uBAAC,uBAAuB,CAAA;;;MEM7B,sBAAsB,CAAA;;oHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,CAX/B,yBAAyB,CAAA,EAAA,OAAA,EAAA,CAGzB,YAAY;QACZ,WAAW;AACX,QAAA,oBAAoB,aAGpB,yBAAyB,CAAA,EAAA,CAAA,CAAA;AAGhB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAR/B,YAAY;QACZ,WAAW;QACX,oBAAoB,CAAA,EAAA,CAAA,CAAA;4FAMX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,yBAAyB;AAC1B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,yBAAyB;AAC1B,qBAAA;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"biit-solutions-wizardry-theme-button.mjs","sources":["../../../projects/wizardry-theme/button/src/biit-button/biit-button.component.ts","../../../projects/wizardry-theme/button/src/biit-button/biit-button.component.html","../../../projects/wizardry-theme/button/src/biit-button/biit-button.module.ts","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.component.ts","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.component.html","../../../projects/wizardry-theme/button/src/biit-icon-button/biit-icon-button.module.ts","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.component.ts","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.component.html","../../../projects/wizardry-theme/button/src/biit-action-button/biit-action-button.module.ts","../../../projects/wizardry-theme/button/src/public-api.ts","../../../projects/wizardry-theme/button/src/biit-solutions-wizardry-theme-button.ts"],"sourcesContent":["import {Component, Directive} from '@angular/core';\n\n@Directive({\n selector: '[primary]'\n})\nexport class BiitButtonPrimaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'primary';\n }\n}\n\n@Directive({\n selector: '[secondary]'\n})\nexport class BiitButtonSecondaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'secondary';\n }\n}\n\n@Directive({\n selector: '[tertiary]'\n})\nexport class BiitButtonTertiaryDirective {\n constructor(private parent: BiitButtonComponent) {\n parent.color = 'tertiary';\n }\n}\n\n@Component({\n selector: 'button[biit-button]',\n templateUrl: 'biit-button.component.html',\n styleUrls: ['biit-button.component.scss'],\n})\n\nexport class BiitButtonComponent {\n color = 'primary';\n\n constructor() { }\n}\n","<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","import {NgModule} from '@angular/core';\nimport {\n BiitButtonComponent,\n BiitButtonPrimaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective\n} from './biit-button.component';\nimport {CommonModule} from \"@angular/common\";\nimport {FormsModule} from '@angular/forms';\n\n@NgModule({\n declarations: [\n BiitButtonComponent,\n BiitButtonPrimaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective\n ],\n imports: [\n CommonModule,\n FormsModule\n ],\n exports: [\n BiitButtonComponent,\n BiitButtonPrimaryDirective,\n BiitButtonSecondaryDirective,\n BiitButtonTertiaryDirective\n ]\n})\nexport class BiitButtonModule { }\n","import {Component, Input} from '@angular/core';\nimport {biitIcon} from '@biit-solutions/biit-icons-collection';\n\n@Component({\n selector: 'button[biit-icon]',\n templateUrl: 'biit-icon-button.component.html',\n styleUrls: ['biit-icon-button.component.scss'],\n})\n\nexport class BiitIconButtonComponent {\n\n @Input() icon: biitIcon;\n @Input() checked: boolean = false;\n}\n","<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","import {NgModule} from '@angular/core';\nimport {BiitIconButtonComponent} from './biit-icon-button.component';\nimport {BiitIconModule} from '@biit-solutions/wizardry-theme/icon';\n\n@NgModule({\n declarations: [\n BiitIconButtonComponent\n ],\n imports: [\n BiitIconModule\n ],\n exports: [\n BiitIconButtonComponent\n ]\n})\nexport class BiitIconButtonModule { }\n","import {AfterContentInit, Component, ContentChildren, ElementRef, Input, QueryList} from '@angular/core';\nimport {BiitIconButtonComponent} from \"../biit-icon-button/biit-icon-button.component\";\n\n@Component({\n selector: 'biit-action-button',\n templateUrl: './biit-action-button.component.html',\n styleUrls: ['./biit-action-button.component.scss']\n})\nexport class BiitActionButtonComponent implements AfterContentInit {\n\n @Input() position: FabPosition = 'bottom-right';\n @Input() additionalX: number = 0;\n @Input() additionalY: number = 0;\n @ContentChildren(BiitIconButtonComponent) inputButtons: QueryList<BiitIconButtonComponent>;\n protected buttons: BiitIconButtonComponent[];\n protected hover = false;\n\n constructor(private elementRef: ElementRef) {\n }\n\n ngAfterContentInit(): void {\n this.buttons = this.inputButtons.toArray();\n }\n\n positionStyle(): Object {\n const parentBoundingRect = this.elementRef.nativeElement.parentElement.getBoundingClientRect();\n const rem = parseFloat(getComputedStyle(document.documentElement).fontSize);\n const fabWidth = (rem 2.125) + 6;\n const desiredOffsetX = (rem * 1.5) + this.additionalX;\n const desiredOffsetY = rem + this.additionalY;\n const bottomOffsetX = desiredOffsetY + (this.hover ? (rem * 2.125)(this.buttons.length-1) : 0);\n\n const leftLeft = `${parentBoundingRect.left + desiredOffsetX}px`;\n const leftMid = `${parentBoundingRect.left + (parentBoundingRect.width / 2) - (fabWidth / 2) + this.additionalX}px`;\n const leftRight = `${parentBoundingRect.right - (fabWidth + desiredOffsetX)}px`;\n\n const topTop = `${parentBoundingRect.top + desiredOffsetY}px`;\n const topMid = `${parentBoundingRect.top + (parentBoundingRect.height / 2) - (fabWidth / 2) + this.additionalY}px`;\n const topBottom = `${parentBoundingRect.bottom - (fabWidth + bottomOffsetX)}px`;\n\n switch (this.position) {\n case 'top-left':\n return {top: topTop, left: leftLeft};\n case 'top-middle':\n return {top: topTop, left: leftMid};\n case 'top-right':\n return {top: topTop, left: leftRight};\n case 'middle-left':\n return {top: topMid, left: leftLeft};\n case 'middle-right':\n return {top: topMid, left: leftRight};\n case 'middle-middle':\n return {top: topMid, left: leftMid};\n case 'bottom-left':\n return {top: topBottom, left: leftLeft, 'flex-direction': 'column-reverse'};\n case 'bottom-middle':\n return {top: topBottom, left: leftMid, 'flex-direction': 'column-reverse'};\n case 'bottom-right':\n return {top: topBottom, left: leftRight, 'flex-direction': 'column-reverse'};\n default:\n return {};\n }\n }\n}\n\nexport type FabPosition = 'top-left' \| 'top-middle' \| 'top-right' \| 'middle-left' \| 'middle-middle' \| 'middle-right' \| 'bottom-left' \| 'bottom-middle' \| 'bottom-right' \| 'custom';\n","<div id=\"fab\" class=\"floating-action-button\" [ngStyle]=\"positionStyle()\" (pointerover)=\"hover = true;\" (pointerleave)=\"hover = false\">\n <ng-content></ng-content>\n</div>\n","import {NgModule} from '@angular/core';\nimport {CommonModule} from \"@angular/common\";\nimport {FormsModule} from '@angular/forms';\nimport {BiitActionButtonComponent} from \"./biit-action-button.component\";\nimport {BiitIconButtonModule} from \"../biit-icon-button/biit-icon-button.module\";\n\n@NgModule({\n declarations: [\n BiitActionButtonComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n BiitIconButtonModule\n ],\n exports: [\n BiitActionButtonComponent\n ]\n})\nexport class BiitActionButtonModule { }\n","/\n * Public API Surface of wizardry-theme/button\n /\n\nexport from './biit-button/biit-button.component';\nexport * from './biit-button/biit-button.module';\nexport * from './biit-icon-button/biit-icon-button.component';\nexport * from './biit-icon-button/biit-icon-button.module';\nexport * from './biit-action-button/biit-action-button.component';\nexport * from './biit-action-button/biit-action-button.module';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["i1"],"mappings":";;;;;;;;MAKa,0BAA0B,CAAA;AACrC,IAAA,WAAA,CAAoB,MAA2B,EAAA;QAA3B,IAAM,CAAA,MAAA,GAAN,MAAM,CAAqB;AAC7C,QAAA,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC;KAC1B;;wHAHU,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4GAA1B,0BAA0B,EAAA,QAAA,EAAA,WAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAHtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACtB,iBAAA,CAAA;;MAUY,4BAA4B,CAAA;AACvC,IAAA,WAAA,CAAoB,MAA2B,EAAA;QAA3B,IAAM,CAAA,MAAA,GAAN,MAAM,CAAqB;AAC7C,QAAA,MAAM,CAAC,KAAK,GAAG,WAAW,CAAC;KAC5B;;0HAHU,4BAA4B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;8GAA5B,4BAA4B,EAAA,QAAA,EAAA,aAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAA5B,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAHxC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACxB,iBAAA,CAAA;;MAUY,2BAA2B,CAAA;AACtC,IAAA,WAAA,CAAoB,MAA2B,EAAA;QAA3B,IAAM,CAAA,MAAA,GAAN,MAAM,CAAqB;AAC7C,QAAA,MAAM,CAAC,KAAK,GAAG,UAAU,CAAC;KAC3B;;yHAHU,2BAA2B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;6GAA3B,2BAA2B,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;4FAA3B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAHvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,YAAY;AACvB,iBAAA,CAAA;;MAaY,mBAAmB,CAAA;AAG9B,IAAA,WAAA,GAAA;QAFA,IAAK,CAAA,KAAA,GAAG,SAAS,CAAC;KAED;;iHAHN,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,2DCnChC,uRAQA,EAAA,MAAA,EAAA,CAAA,2/EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FD2Ba,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACE,qBAAqB,EAAA,QAAA,EAAA,uRAAA,EAAA,MAAA,EAAA,CAAA,2/EAAA,CAAA,EAAA,CAAA;;;MEFpB,gBAAgB,CAAA;;8GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBAhBzB,mBAAmB;QACnB,0BAA0B;QAC1B,4BAA4B;AAC5B,QAAA,2BAA2B,aAG3B,YAAY;AACZ,QAAA,WAAW,aAGX,mBAAmB;QACnB,0BAA0B;QAC1B,4BAA4B;QAC5B,2BAA2B,CAAA,EAAA,CAAA,CAAA;AAGlB,gBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAVzB,YAAY;QACZ,WAAW,CAAA,EAAA,CAAA,CAAA;4FASF,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAlB5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;wBACnB,0BAA0B;wBAC1B,4BAA4B;wBAC5B,2BAA2B;AAC5B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;AACZ,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,0BAA0B;wBAC1B,4BAA4B;wBAC5B,2BAA2B;AAC5B,qBAAA;AACF,iBAAA,CAAA;;;MClBY,uBAAuB,CAAA;AANpC,IAAA,WAAA,GAAA;QASW,IAAO,CAAA,OAAA,GAAY,KAAK,CAAC;AACnC,KAAA;;qHAJY,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,uGCTpC,0OAOA,EAAA,MAAA,EAAA,CAAA,ysBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDEa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BACE,mBAAmB,EAAA,QAAA,EAAA,0OAAA,EAAA,MAAA,EAAA,CAAA,ysBAAA,CAAA,EAAA,CAAA;8BAOpB,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;;;MEGK,oBAAoB,CAAA;;kHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAT7B,YAAA,EAAA,CAAA,uBAAuB,CAGvB,EAAA,OAAA,EAAA,CAAA,cAAc,aAGd,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAGd,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAN7B,cAAc,CAAA,EAAA,CAAA,CAAA;4FAML,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,uBAAuB;AACxB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,cAAc;AACf,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,uBAAuB;AACxB,qBAAA;AACF,iBAAA,CAAA;;;MCNY,yBAAyB,CAAA;AASpC,IAAA,WAAA,CAAoB,UAAsB,EAAA;QAAtB,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QAPjC,IAAQ,CAAA,QAAA,GAAgB,cAAc,CAAC;QACvC,IAAW,CAAA,WAAA,GAAW,CAAC,CAAC;QACxB,IAAW,CAAA,WAAA,GAAW,CAAC,CAAC;QAGvB,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC;KAGvB;IAED,kBAAkB,GAAA;QAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;KAC5C;IAED,aAAa,GAAA;AACX,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC;AAC/F,QAAA,MAAM,GAAG,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC5E,MAAM,QAAQ,GAAG,CAAC,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC;QACnC,MAAM,cAAc,GAAG,CAAC,GAAG,GAAG,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC;AACtD,QAAA,MAAM,cAAc,GAAG,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC;AAC9C,QAAA,MAAM,aAAa,GAAG,cAAc,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,GAAG,KAAK,KAAG,IAAI,CAAC,OAAO,CAAC,MAAM,GAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAEhG,MAAM,QAAQ,GAAG,CAAG,EAAA,kBAAkB,CAAC,IAAI,GAAG,cAAc,CAAA,EAAA,CAAI,CAAC;QACjE,MAAM,OAAO,GAAG,CAAA,EAAG,kBAAkB,CAAC,IAAI,IAAI,kBAAkB,CAAC,KAAK,GAAG,CAAC,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAA,EAAA,CAAI,CAAC;AACpH,QAAA,MAAM,SAAS,GAAG,CAAG,EAAA,kBAAkB,CAAC,KAAK,IAAI,QAAQ,GAAG,cAAc,CAAC,IAAI,CAAC;QAEhF,MAAM,MAAM,GAAG,CAAG,EAAA,kBAAkB,CAAC,GAAG,GAAG,cAAc,CAAA,EAAA,CAAI,CAAC;QAC9D,MAAM,MAAM,GAAG,CAAA,EAAG,kBAAkB,CAAC,GAAG,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAA,EAAA,CAAI,CAAC;AACnH,QAAA,MAAM,SAAS,GAAG,CAAG,EAAA,kBAAkB,CAAC,MAAM,IAAI,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC;QAEhF,QAAQ,IAAI,CAAC,QAAQ;AACnB,YAAA,KAAK,UAAU;gBACb,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAC,CAAC;AACvC,YAAA,KAAK,YAAY;gBACf,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,CAAC;AACtC,YAAA,KAAK,WAAW;gBACd,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC;AACxC,YAAA,KAAK,aAAa;gBAChB,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAC,CAAC;AACvC,YAAA,KAAK,cAAc;gBACjB,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,CAAC;AACxC,YAAA,KAAK,eAAe;gBAClB,OAAO,EAAC,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,CAAC;AACtC,YAAA,KAAK,aAAa;AAChB,gBAAA,OAAO,EAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC9E,YAAA,KAAK,eAAe;AAClB,gBAAA,OAAO,EAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC7E,YAAA,KAAK,cAAc;AACjB,gBAAA,OAAO,EAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAC,CAAC;AAC/E,YAAA;AACE,gBAAA,OAAO,EAAE,CAAC;AACb,SAAA;KACF;;uHAtDU,yBAAyB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2GAAzB,yBAAyB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,SAAA,EAKnB,uBAAuB,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECb1C,2LAGA,EAAA,MAAA,EAAA,CAAA,o6BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;4FDKa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;+BACE,oBAAoB,EAAA,QAAA,EAAA,2LAAA,EAAA,MAAA,EAAA,CAAA,o6BAAA,CAAA,EAAA,CAAA;iGAMrB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACoC,YAAY,EAAA,CAAA;sBAArD,eAAe;uBAAC,uBAAuB,CAAA;;;MEM7B,sBAAsB,CAAA;;oHAAtB,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;qHAAtB,sBAAsB,EAAA,YAAA,EAAA,CAX/B,yBAAyB,CAAA,EAAA,OAAA,EAAA,CAGzB,YAAY;QACZ,WAAW;AACX,QAAA,oBAAoB,aAGpB,yBAAyB,CAAA,EAAA,CAAA,CAAA;AAGhB,sBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,sBAAsB,YAR/B,YAAY;QACZ,WAAW;QACX,oBAAoB,CAAA,EAAA,CAAA,CAAA;4FAMX,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,yBAAyB;AAC1B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,yBAAyB;AAC1B,qBAAA;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2020/biit-solutions-wizardry-theme-calendar.mjs CHANGED Viewed

@@ -240,13 +240,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: [{