{"__symbolic":"module","version":4,"metadata":{"CommunicationCentreService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":10,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":15},"arguments":[{"__symbolic":"reference","name":"ɵb"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":16,"character":30},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ComponentType","module":"@angular/cdk/typings/portal","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":18,"character":109,"module":"./lib/communication-centre.service"}]}]}],"openModal":[{"__symbolic":"method"}],"hideModal":[{"__symbolic":"method"}]}},"CommunicationCentreComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":36,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"didi-communication-centre","animations":{"__symbolic":"reference","name":"sideNavAnimation"},"template":"<div class=\"cms-widgets-theme\">\r\n  <div class=\"widgets-sidenav\" [@openClose]=\"sideNavState\">\r\n    <didi-cms-sidenav #widgetsSidenav\r\n                      [staticWidgets]=\"staticWidgets\"\r\n                      [isCommunicationCenter]=\"true\"\r\n                      [widgetsMapperFunction]=\"sidenavWidgetsFilter\"\r\n                      (close)=\"toggleSideNav(false)\">\r\n    </didi-cms-sidenav>\r\n  </div>\r\n\r\n  <header class=\"widget-header\">\r\n    <h3 class=\"widget-title\">Communication Centre</h3>\r\n    <div class=\"action-buttons\">\r\n      <ng-container *ngIf=\"sideNavState !== 'opened'\">\r\n        <button *ngIf=\"editMode && isAdmin && !isSupervisor\"\r\n                type=\"button\"\r\n                class=\"widget-action\"\r\n                mat-icon-button\r\n                (click)=\"toggleSideNav(true)\">\r\n          <mat-icon>add</mat-icon>\r\n        </button>\r\n\r\n        <button *ngIf=\"isAdmin && !isSupervisor\"\r\n                type=\"button\"\r\n                class=\"widget-action\"\r\n                mat-icon-button\r\n                [disabled]=\"!dashboardReady\"\r\n                (click)=\"toggleEditMode()\">\r\n          <i class=\"communication-centre-icon-settings-round\"></i>\r\n        </button>\r\n      </ng-container>\r\n      <i class=\"communication-centre-icon-dots-vertical\" *ngIf=\"isAdmin && !isSupervisor\"></i>\r\n      <button type=\"button\"\r\n              class=\"widget-action\"\r\n              mat-icon-button\r\n              (click)=\"hide()\">\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </div>\r\n  </header>\r\n\r\n  <div class=\"communication-centre-widget-wrapper\"\r\n       [class.hide-grid]=\"isSupervisor\"\r\n       perfectScrollbar>\r\n    <div class=\"twilio-wrapper\">\r\n      <div class=\"twilio-container\">\r\n        <iframe [src]=\"twilioFlexUrl\"\r\n                *ngIf=\"!widgetsLoading && twilioFlexUrl\"\r\n                allow=\"geolocation; camera; fullscreen; microphone\"\r\n                #twilioTag>\r\n        </iframe>\r\n\r\n        <div class=\"spinner-wrapper\" *ngIf=\"!twilioFlexUrl\">\r\n          <mat-spinner [diameter]=\"30\"></mat-spinner>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"grid-wrapper\"\r\n         [class.hide-grid]=\"isSupervisor\">\r\n      <div class=\"contact-manager-wrapper\">\r\n        <ng-container *ngIf=\"!widgetsLoading && contactManager\">\r\n          <didi-contact-manager [contactManager]=\"contactManager\"\r\n                                [twilioData]=\"twilioData$ | async\"\r\n                                [inputEvents$]=\"widgetObserverEvents$\"\r\n                                (outputEvents)=\"onContactManagerEvent($event)\">\r\n          </didi-contact-manager>\r\n        </ng-container>\r\n\r\n        <div class=\"spinner-wrapper\" *ngIf=\"widgetsLoading\">\r\n          <mat-spinner [diameter]=\"30\"></mat-spinner>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"zendesk-wrapper\" [class.zendesk-full]=\"!widgetsLoading && !contactManager\">\r\n        <ng-container *ngIf=\"!widgetsLoading && zendesk\">\r\n          <didi-widget-wrapper class=\"didi-widget-wrapper\" [widget]=\"zendesk\" [disableEditMode]=\"true\">\r\n            <ng-template [cdkPortalOutlet]=\"zendesk.portal\"></ng-template>\r\n          </didi-widget-wrapper>\r\n        </ng-container>\r\n\r\n        <div class=\"spinner-wrapper\" *ngIf=\"widgetsLoading\">\r\n          <mat-spinner [diameter]=\"30\"></mat-spinner>\r\n        </div>\r\n      </div>\r\n\r\n      <didi-widget-grid *ngIf=\"!isSupervisor\"\r\n                        class=\"communication-centre-grid\"\r\n                        [customTokenPending]=\"customTokenPending\"\r\n                        [editMode]=\"editMode\"\r\n                        (dashboardReady)=\"initializeDashboard()\">\r\n      </didi-widget-grid>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[":host .cms-widgets-theme{position:relative;overflow:hidden;height:calc(100% + 48px);margin:-24px}:host .communication-centre-icon-settings-round:before{color:#6f6f6f}:host .widget-edit-mode{pointer-events:none}:host .widgets-sidenav{position:absolute;width:300px;background:#f5f5f5;top:0;overflow:hidden;bottom:0;right:0;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);z-index:1001}:host .widgets-sidenav ::ng-deep .modal-header-wrapper .header-title{height:calc(4.64rem - .5px)}:host .widgets-sidenav ::ng-deep .modal-header-wrapper .header-title h2{color:#000}:host .widgets-sidenav ::ng-deep .communication-centre-icon-dots-vertical{display:inline-block;color:#dcdada;margin:0 8px;font-size:1rem}:host .widgets-sidenav ::ng-deep .mat-mini-fab{font-size:1.2rem}:host .widgets-sidenav ::ng-deep .mat-mini-fab.close-button{background-color:transparent!important;margin-left:0}:host .widgets-sidenav ::ng-deep .mat-mini-fab .mat-icon{color:#6f6f6f}:host .widgets-sidenav ::ng-deep .mat-mini-fab:not(.inactive):not(.close-button){background-color:#6f6f6f!important}:host .widgets-sidenav ::ng-deep .mat-mini-fab:not(.inactive):not(.close-button) .mat-icon{color:#fff}:host .cms-widgets-theme .widget-header{height:65px}:host .cms-widgets-theme .mat-icon-button{color:#6f6f6f}:host .cms-widgets-theme .widget-title{font-size:20px;padding:0 0 0 24px;margin:0}:host .spinner-wrapper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;height:100%;border-radius:4px!important;box-shadow:0 10px 24px -8px rgba(0,0,0,.08);background:#fff;padding:20px 0}:host .communication-centre-icon-dots-vertical{display:inline-block;color:#dcdada;margin:0 8px;font-size:16px}:host .communication-centre-icon-close{font-size:13px}:host .action-buttons{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}:host .communication-centre-widget-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:minmax(auto,480px) 1fr;grid-template-columns:minmax(auto,480px) 1fr;height:calc(100% - 65px);position:relative}:host .communication-centre-widget-wrapper.hide-grid{-ms-grid-columns:2fr 1fr;grid-template-columns:2fr 1fr}:host .communication-centre-widget-wrapper .twilio-wrapper{width:100%;background:#f5f5f5;padding:1rem 0 1rem 1rem}:host .communication-centre-widget-wrapper .twilio-wrapper .twilio-container{height:100%;border-radius:4px;box-shadow:0 10px 24px -8px rgba(0,0,0,.08);background:#fff}:host .communication-centre-widget-wrapper .twilio-wrapper iframe{border-radius:4px;width:100%;height:100%;border:none}:host .communication-centre-widget-wrapper .grid-wrapper{-webkit-box-flex:1;flex:1;background:#f6f6f6;padding:15px;display:-ms-grid;display:grid;grid-row-gap:10px;grid-column-gap:15px;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr}@media (max-width:1279px){:host .communication-centre-widget-wrapper .grid-wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}}:host .communication-centre-widget-wrapper .grid-wrapper.hide-grid{-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr}:host .communication-centre-widget-wrapper .contact-manager-wrapper{-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-span:1;grid-row-end:2}:host .communication-centre-widget-wrapper .zendesk-wrapper{background:#fff;-ms-grid-column:1;grid-column-start:1;-ms-grid-column-span:1;grid-column-end:2;-ms-grid-row:2;grid-row-start:2;-ms-grid-row-span:1;grid-row-end:3;border-radius:4px;box-shadow:0 10px 24px -8px rgba(0,0,0,.08)}:host .communication-centre-widget-wrapper .zendesk-wrapper.zendesk-full{-ms-grid-row:1;grid-row-start:1}:host .communication-centre-widget-wrapper .communication-centre-grid{-ms-grid-column:2;grid-column-start:2;-ms-grid-column-span:1;grid-column-end:3;-ms-grid-row:1;grid-row-start:1;-ms-grid-row-span:2;grid-row-end:3}:host .didi-widget-wrapper{overflow:hidden;display:block;height:100%;border-radius:4px}:host .widget-action{outline:0}:host .widget-header{border-bottom:1px solid #c4c4c4!important}:host ::ng-deep gridster.display-grid.edit-mode .gridster-column,:host ::ng-deep gridster.mobile.edit-mode .gridster-column{min-height:100%}:host ::ng-deep gridster.display-grid.edit-mode .gridster-column:after,:host ::ng-deep gridster.mobile.edit-mode .gridster-column:after{display:none}:host ::ng-deep gridster.display-grid .gridster-column:after{display:none!important}","@import url(https://unpkg.com/@digitaldealers/cms-theme/assets/communication-centre-icons/style.css);.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 16px}.mat-h5,.mat-h6,.mat-typography h5,.mat-typography h6{margin:0 0 12px}.mat-body-2,.mat-body-strong{font:500 14px/24px Roboto,\"Helvetica Neue\",sans-serif}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto,\"Helvetica Neue\",sans-serif}.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-caption,.mat-small{font:400 12px/20px Roboto,\"Helvetica Neue\",sans-serif}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:-.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:-.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto,\"Helvetica Neue\",sans-serif;letter-spacing:-.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto,\"Helvetica Neue\",sans-serif}.mat-button,.mat-fab,.mat-flat-button,.mat-icon-button,.mat-mini-fab,.mat-raised-button,.mat-stroked-button{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:500}.mat-button-toggle,.mat-card{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-content,.mat-card-subtitle{font-size:14px}.mat-checkbox{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-remove.mat-icon,.mat-chip .mat-chip-trailing-icon.mat-icon{font-size:18px}.mat-table{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto,\"Helvetica Neue\",sans-serif}.mat-expansion-panel-header{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto,\"Helvetica Neue\",sans-serif}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{-webkit-transform:translateY(-1.34375em) scale(.75);transform:translateY(-1.34375em) scale(.75);width:133.33333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.34374em) scale(.75);transform:translateY(-1.34374em) scale(.75);width:133.33334%}.mat-form-field-label-wrapper{top:-.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.66667em;top:calc(100% - 1.79167em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{-webkit-transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.001px);-ms-transform:translateY(-1.28125em) scale(.75);width:133.33333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00101px);-ms-transform:translateY(-1.28124em) scale(.75);width:133.33334%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);transform:translateY(-1.28125em) scale(.75) perspective(100px) translateZ(.00102px);-ms-transform:translateY(-1.28123em) scale(.75);width:133.33335%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.54167em;top:calc(100% - 1.66667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{-webkit-transform:translateY(-1.28122em) scale(.75);transform:translateY(-1.28122em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.28121em) scale(.75);transform:translateY(-1.28121em) scale(.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.2812em) scale(.75);transform:translateY(-1.2812em) scale(.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-.5em}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{-webkit-transform:translateY(-.59375em) scale(.75);transform:translateY(-.59375em) scale(.75);width:133.33333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-.59374em) scale(.75);transform:translateY(-.59374em) scale(.75);width:133.33334%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-.25em}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{-webkit-transform:translateY(-1.59375em) scale(.75);transform:translateY(-1.59375em) scale(.75);width:133.33333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{-webkit-transform:translateY(-1.59374em) scale(.75);transform:translateY(-1.59374em) scale(.75);width:133.33334%}.mat-grid-tile-footer,.mat-grid-tile-header{font-size:14px}.mat-grid-tile-footer .mat-line,.mat-grid-tile-header .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-footer .mat-line:nth-child(n+2),.mat-grid-tile-header .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-.0625em}.mat-menu-item{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:12px}.mat-radio-button,.mat-select{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-slider-thumb-label-text{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:12px;font-weight:500}.mat-stepper-horizontal,.mat-stepper-vertical{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:400}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto,\"Helvetica Neue\",sans-serif;margin:0}.mat-tooltip{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item,.mat-list-option{font-family:Roboto,\"Helvetica Neue\",sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2),.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:16px;color:rgba(0,0,0,.87)}.mat-optgroup-label{font:500 14px/24px Roboto,\"Helvetica Neue\",sans-serif;color:rgba(0,0,0,.54)}.mat-simple-snackbar{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-ripple{overflow:hidden;position:relative}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;-webkit-transition:opacity,-webkit-transform cubic-bezier(0,0,.2,1);transition:opacity,transform cubic-bezier(0,0,.2,1),-webkit-transform cubic-bezier(0,0,.2,1);-webkit-transform:scale(0);transform:scale(0)}@media (-ms-high-contrast:active){.mat-ripple-element{display:none}}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;outline:0;-webkit-appearance:none;-moz-appearance:none}.cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:-webkit-box;display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:-webkit-box;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;-webkit-transition:opacity .4s cubic-bezier(.25,.8,.25,1);transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}@-webkit-keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-start{/*!*/}@-webkit-keyframes cdk-text-field-autofill-end{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{-webkit-animation-name:cdk-text-field-autofill-start;animation-name:cdk-text-field-autofill-start}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){-webkit-animation-name:cdk-text-field-autofill-end;animation-name:cdk-text-field-autofill-end}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{height:auto!important;overflow:hidden!important;padding:2px 0!important;box-sizing:content-box!important}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled),.mat-option:hover:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#673ab7}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ffd740}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#673ab7}.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate,.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate{background:#ffd740}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-elevation-z0{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-elevation-z1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.mat-elevation-z2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mat-elevation-z3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.mat-elevation-z4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mat-elevation-z5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.mat-elevation-z6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.mat-elevation-z7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.mat-elevation-z8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mat-elevation-z9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.mat-elevation-z10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.mat-elevation-z11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.mat-elevation-z12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.mat-elevation-z13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.mat-elevation-z14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.mat-elevation-z15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.mat-elevation-z16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.mat-elevation-z17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.mat-elevation-z18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.mat-elevation-z19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.mat-elevation-z20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.mat-elevation-z21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.mat-elevation-z22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.mat-elevation-z23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.mat-elevation-z24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}@media (-ms-high-contrast:active){.mat-badge-content{outline:solid 1px;border-radius:0}.mat-checkbox-disabled{opacity:.5}}.mat-badge-accent .mat-badge-content{background:#ffd740;color:rgba(0,0,0,.87)}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge{position:relative}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-badge-content{color:#fff;background:#673ab7;position:absolute;text-align:center;display:inline-block;border-radius:50%;-webkit-transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;-webkit-transform:scale(.6);transform:scale(.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.mat-badge-content._mat-animation-noopable,.ng-animate-disabled .mat-badge-content{-webkit-transition:none;transition:none}.mat-badge-content.mat-badge-active{-webkit-transform:none;transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-bottom-sheet-container{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:0 0}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#673ab7}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ffd740}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-accent[disabled],.mat-button.mat-primary[disabled],.mat-button.mat-warn[disabled],.mat-button[disabled][disabled],.mat-icon-button.mat-accent[disabled],.mat-icon-button.mat-primary[disabled],.mat-icon-button.mat-warn[disabled],.mat-icon-button[disabled][disabled],.mat-stroked-button.mat-accent[disabled],.mat-stroked-button.mat-primary[disabled],.mat-stroked-button.mat-warn[disabled],.mat-stroked-button[disabled][disabled]{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#673ab7}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ffd740}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button[disabled] .mat-button-focus-overlay,.mat-icon-button[disabled] .mat-button-focus-overlay,.mat-stroked-button[disabled] .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not([disabled]){border-color:rgba(0,0,0,.12)}.mat-fab,.mat-flat-button,.mat-mini-fab,.mat-raised-button{color:rgba(0,0,0,.87);background-color:#fff}.mat-fab.mat-primary,.mat-flat-button.mat-primary,.mat-mini-fab.mat-primary,.mat-raised-button.mat-primary{color:#fff;background-color:#673ab7}.mat-fab.mat-accent,.mat-flat-button.mat-accent,.mat-mini-fab.mat-accent,.mat-raised-button.mat-accent{color:rgba(0,0,0,.87);background-color:#ffd740}.mat-fab.mat-warn,.mat-flat-button.mat-warn,.mat-mini-fab.mat-warn,.mat-raised-button.mat-warn{color:#fff;background-color:#f44336}.mat-fab.mat-accent[disabled],.mat-fab.mat-primary[disabled],.mat-fab.mat-warn[disabled],.mat-fab[disabled][disabled],.mat-flat-button.mat-accent[disabled],.mat-flat-button.mat-primary[disabled],.mat-flat-button.mat-warn[disabled],.mat-flat-button[disabled][disabled],.mat-mini-fab.mat-accent[disabled],.mat-mini-fab.mat-primary[disabled],.mat-mini-fab.mat-warn[disabled],.mat-mini-fab[disabled][disabled],.mat-raised-button.mat-accent[disabled],.mat-raised-button.mat-primary[disabled],.mat-raised-button.mat-warn[disabled],.mat-raised-button[disabled][disabled]{color:rgba(0,0,0,.26);background-color:rgba(0,0,0,.12)}.mat-fab.mat-primary .mat-ripple-element,.mat-flat-button.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-fab.mat-accent .mat-ripple-element,.mat-flat-button.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-fab.mat-warn .mat-ripple-element,.mat-flat-button.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button:not([class*=mat-elevation-z]),.mat-stroked-button:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mat-raised-button:not([disabled]):active:not([class*=mat-elevation-z]){box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.mat-raised-button[disabled]:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.mat-fab:not([disabled]):active:not([class*=mat-elevation-z]),.mat-mini-fab:not([disabled]):active:not([class*=mat-elevation-z]){box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.mat-fab[disabled]:not([class*=mat-elevation-z]),.mat-mini-fab[disabled]:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-button-toggle-group,.mat-button-toggle-standalone{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard,.mat-button-toggle-standalone.mat-button-toggle-appearance-standard{box-shadow:none;border:1px solid rgba(0,0,0,.12)}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:1px solid rgba(0,0,0,.12)}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:1px solid rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:1px solid rgba(0,0,0,.12)}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa!important}@media (-ms-high-contrast:black-on-white){.mat-checkbox-checkmark-path{stroke:#000!important}}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-checked.mat-primary .mat-checkbox-background,.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background{background-color:#673ab7}.mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:#ffd740}.mat-checkbox-checked.mat-warn .mat-checkbox-background,.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}@media (-ms-high-contrast:active){.mat-checkbox-background{background:0 0}}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#673ab7}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ffd740}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#673ab7;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ffd740;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background:rgba(0,0,0,.1)}.mat-table{background:#fff}.mat-table tbody,.mat-table tfoot,.mat-table thead,.mat-table-sticky,[mat-footer-row],[mat-header-row],[mat-row],mat-footer-row,mat-header-row,mat-row{background:inherit}mat-footer-row,mat-header-row,mat-row,td.mat-cell,td.mat-footer-cell,th.mat-header-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button,.mat-datepicker-toggle{color:rgba(0,0,0,.54)}.mat-calendar-table-header{color:rgba(0,0,0,.38)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content{color:rgba(0,0,0,.87);border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){color:rgba(0,0,0,.38)}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected),.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected){background-color:rgba(0,0,0,.04)}.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected){border-color:rgba(0,0,0,.18)}.mat-calendar-body-selected{background-color:#673ab7;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(103,58,183,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ffd740;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,215,64,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px rgba(0,0,0,.87)}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content-touch{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.mat-datepicker-toggle-active{color:#673ab7}.mat-datepicker-toggle-active.mat-accent{color:#ffd740}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-dialog-container{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media (hover:none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-indicator::after,.mat-expansion-panel-header-description{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title{color:inherit}.mat-form-field-label,.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#673ab7}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ffd740}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ffd740}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#673ab7}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ffd740}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#673ab7}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ffd740}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after,.mat-form-field.mat-form-field-invalid .mat-form-field-label,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker,.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label,.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em;background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.42)),color-stop(33%,rgba(0,0,0,.42)),color-stop(0,transparent));background-image:linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.42)),color-stop(33%,rgba(0,0,0,.42)),color-stop(0,transparent));background-image:linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#673ab7}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ffd740}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick,.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#673ab7}.mat-icon.mat-accent{color:#ffd740}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after,.mat-input-element:disabled{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#673ab7}.mat-input-element::-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-accent .mat-input-element{caret-color:#ffd740}.mat-form-field-invalid .mat-input-element,.mat-warn .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item,.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{font-family:Roboto,\"Helvetica Neue\",sans-serif;font-size:14px;font-weight:500;color:rgba(0,0,0,.54)}.mat-list-item-disabled{background-color:#eee}.mat-action-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-list-option:focus,.mat-list-option:hover,.mat-nav-list .mat-list-item:focus,.mat-nav-list .mat-list-item:hover{background:rgba(0,0,0,.04)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mat-menu-item{background:0 0;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled]::after{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}.mat-menu-item-highlighted:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item:hover:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-progress-bar-background{fill:#d1c4e9}.mat-progress-bar-buffer{background-color:#d1c4e9}.mat-progress-bar-fill::after{background-color:#673ab7}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ffe57f}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ffe57f}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ffd740}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#673ab7}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ffd740}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#673ab7}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#673ab7}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ffd740}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ffd740}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle,.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#673ab7}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ffd740}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow,.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.mat-drawer-side{border-right:1px solid rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end,[dir=rtl] .mat-drawer-side{border-left:1px solid rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:1px solid rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ffd740}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,215,64,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ffd740}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#673ab7}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(103,58,183,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#673ab7}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label,.mat-primary .mat-slider-track-fill{background-color:#673ab7}.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label,.mat-accent .mat-slider-track-fill{background-color:#ffd740}.mat-accent .mat-slider-thumb-label-text{color:rgba(0,0,0,.87)}.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label,.mat-warn .mat-slider-track-fill{background-color:#f44336}.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-slider-focus-ring{background-color:rgba(255,215,64,.2)}.cdk-focused .mat-slider-track-background,.mat-slider:hover .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider-disabled .mat-slider-thumb,.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent);background-image:-moz-repeating-linear-gradient(.0001deg,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7) 2px,transparent 0,transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}@media (hover:none){.mat-step-header:hover{background:0 0}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#673ab7;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::after,.mat-horizontal-stepper-header::before,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-sort-header-arrow{color:#757575}.mat-tab-header,.mat-tab-nav-bar{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-header,.mat-tab-group-inverted-header .mat-tab-nav-bar{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(209,196,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#673ab7}.mat-tab-group.mat-primary.mat-background-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,229,127,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ffd740}.mat-tab-group.mat-accent.mat-background-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent .mat-ink-bar{background-color:rgba(0,0,0,.87)}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(209,196,233,.3)}.mat-tab-group.mat-background-primary .mat-tab-header,.mat-tab-group.mat-background-primary .mat-tab-header-pagination,.mat-tab-group.mat-background-primary .mat-tab-links,.mat-tab-nav-bar.mat-background-primary .mat-tab-header,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary .mat-tab-links{background-color:#673ab7}.mat-tab-group.mat-background-primary .mat-tab-label,.mat-tab-group.mat-background-primary .mat-tab-link,.mat-tab-nav-bar.mat-background-primary .mat-tab-label,.mat-tab-nav-bar.mat-background-primary .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-chevron{border-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,229,127,.3)}.mat-tab-group.mat-background-accent .mat-tab-header,.mat-tab-group.mat-background-accent .mat-tab-header-pagination,.mat-tab-group.mat-background-accent .mat-tab-links,.mat-tab-nav-bar.mat-background-accent .mat-tab-header,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent .mat-tab-links{background-color:#ffd740}.mat-tab-group.mat-background-accent .mat-tab-label,.mat-tab-group.mat-background-accent .mat-tab-link,.mat-tab-nav-bar.mat-background-accent .mat-tab-label,.mat-tab-nav-bar.mat-background-accent .mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-group.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent .mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.4)}.mat-tab-group.mat-background-accent .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-group.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.4)}.mat-tab-group.mat-background-accent .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent .mat-ripple-element{background-color:rgba(0,0,0,.12)}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn .mat-tab-header,.mat-tab-group.mat-background-warn .mat-tab-header-pagination,.mat-tab-group.mat-background-warn .mat-tab-links,.mat-tab-nav-bar.mat-background-warn .mat-tab-header,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn .mat-tab-links{background-color:#f44336}.mat-tab-group.mat-background-warn .mat-tab-label,.mat-tab-group.mat-background-warn .mat-tab-link,.mat-tab-nav-bar.mat-background-warn .mat-tab-label,.mat-tab-nav-bar.mat-background-warn .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-chevron{border-color:#fff}.mat-tab-group.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#673ab7;color:#fff}.mat-toolbar.mat-accent{background:#ffd740;color:rgba(0,0,0,.87)}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-focused .mat-form-field-ripple,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-form-field-underline{background-color:currentColor}.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-select-value{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{font-family:Roboto,\"Helvetica Neue\",sans-serif;background:#fff}.mat-nested-tree-node,.mat-tree-node{font-weight:400;font-size:14px;color:rgba(0,0,0,.87)}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.mat-simple-snackbar-action{color:#ffd740}::ng-deep .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled){color:inherit!important}::ng-deep .cms-widgets-theme .mat-pseudo-checkbox-checked{background-color:#514d6a}::ng-deep .didi-communication-centre,:host ::ng-deep{font-family:Roboto,sans-serif}::ng-deep .didi-communication-centre gridster.display-grid,::ng-deep .didi-communication-centre gridster.mobile,:host ::ng-deep gridster.display-grid,:host ::ng-deep gridster.mobile{background:#f6f6f6}::ng-deep .didi-communication-centre gridster.display-grid .view-all,::ng-deep .didi-communication-centre gridster.mobile .view-all,:host ::ng-deep gridster.display-grid .view-all,:host ::ng-deep gridster.mobile .view-all{display:block;z-index:3}::ng-deep .didi-communication-centre gridster.display-grid .view-more,::ng-deep .didi-communication-centre gridster.mobile .view-more,:host ::ng-deep gridster.display-grid .view-more,:host ::ng-deep gridster.mobile .view-more{display:none}::ng-deep .didi-communication-centre gridster.display-grid .gridster-preview,::ng-deep .didi-communication-centre gridster.mobile .gridster-preview,:host ::ng-deep gridster.display-grid .gridster-preview,:host ::ng-deep gridster.mobile .gridster-preview{border-radius:5px!important}::ng-deep .didi-communication-centre gridster.display-grid .gridster-column,::ng-deep .didi-communication-centre gridster.mobile .gridster-column,:host ::ng-deep gridster.display-grid .gridster-column,:host ::ng-deep gridster.mobile .gridster-column{border-left:none;border-right:none;border-radius:5px!important}::ng-deep .didi-communication-centre gridster.display-grid .gridster-column:after,::ng-deep .didi-communication-centre gridster.mobile .gridster-column:after,:host ::ng-deep gridster.display-grid .gridster-column:after,:host ::ng-deep gridster.mobile .gridster-column:after{content:\"\";position:absolute;display:block;width:100%;bottom:-10px;height:10px;background:#f6f6f6;left:0}::ng-deep .didi-communication-centre gridster.display-grid.edit-mode .gridster-column,::ng-deep .didi-communication-centre gridster.mobile.edit-mode .gridster-column,:host ::ng-deep gridster.display-grid.edit-mode .gridster-column,:host ::ng-deep gridster.mobile.edit-mode .gridster-column{background:#e4e4e4;min-height:calc(100vh - 4.64rem)}::ng-deep .didi-communication-centre gridster.display-grid .gridster-row,::ng-deep .didi-communication-centre gridster.mobile .gridster-row,:host ::ng-deep gridster.display-grid .gridster-row,:host ::ng-deep gridster.mobile .gridster-row{border-top:none;border-bottom:none}::ng-deep .didi-communication-centre gridster.display-grid.scrollVertical::-webkit-scrollbar-track,::ng-deep .didi-communication-centre gridster.mobile.scrollVertical::-webkit-scrollbar-track,:host ::ng-deep gridster.display-grid.scrollVertical::-webkit-scrollbar-track,:host ::ng-deep gridster.mobile.scrollVertical::-webkit-scrollbar-track{border-radius:10px;background-color:#eee}::ng-deep .didi-communication-centre gridster.display-grid.scrollVertical::-webkit-scrollbar,::ng-deep .didi-communication-centre gridster.mobile.scrollVertical::-webkit-scrollbar,:host ::ng-deep gridster.display-grid.scrollVertical::-webkit-scrollbar,:host ::ng-deep gridster.mobile.scrollVertical::-webkit-scrollbar{width:8px;background-color:#eee}::ng-deep .didi-communication-centre gridster.display-grid.scrollVertical::-webkit-scrollbar-thumb,::ng-deep .didi-communication-centre gridster.mobile.scrollVertical::-webkit-scrollbar-thumb,:host ::ng-deep gridster.display-grid.scrollVertical::-webkit-scrollbar-thumb,:host ::ng-deep gridster.mobile.scrollVertical::-webkit-scrollbar-thumb{border-radius:10px;background-color:#aaa;-webkit-transition:background-color .2s ease-in;transition:background-color .2s ease-in}::ng-deep .didi-communication-centre gridster.display-grid.scrollVertical::-webkit-scrollbar-thumb:hover,::ng-deep .didi-communication-centre gridster.mobile.scrollVertical::-webkit-scrollbar-thumb:hover,:host ::ng-deep gridster.display-grid.scrollVertical::-webkit-scrollbar-thumb:hover,:host ::ng-deep gridster.mobile.scrollVertical::-webkit-scrollbar-thumb:hover{background-color:#999}::ng-deep .didi-communication-centre gridster.display-grid gridster-item,::ng-deep .didi-communication-centre gridster.mobile gridster-item,:host ::ng-deep gridster.display-grid gridster-item,:host ::ng-deep gridster.mobile gridster-item{border-radius:4px!important;box-shadow:0 10px 24px -8px rgba(0,0,0,.08)}::ng-deep .didi-communication-centre gridster.display-grid gridster-item.gridster-item-moving,::ng-deep .didi-communication-centre gridster.mobile gridster-item.gridster-item-moving,:host ::ng-deep gridster.display-grid gridster-item.gridster-item-moving,:host ::ng-deep gridster.mobile gridster-item.gridster-item-moving{box-shadow:0 12px 24px -8px rgba(0,0,0,.18)}::ng-deep .didi-communication-centre gridster.display-grid gridster-item .gridster-item-resizable-handler.handle-s,::ng-deep .didi-communication-centre gridster.display-grid gridster-item .gridster-item-resizable-handler.handle-se,::ng-deep .didi-communication-centre gridster.mobile gridster-item .gridster-item-resizable-handler.handle-s,::ng-deep .didi-communication-centre gridster.mobile gridster-item .gridster-item-resizable-handler.handle-se,:host ::ng-deep gridster.display-grid gridster-item .gridster-item-resizable-handler.handle-s,:host ::ng-deep gridster.display-grid gridster-item .gridster-item-resizable-handler.handle-se,:host ::ng-deep gridster.mobile gridster-item .gridster-item-resizable-handler.handle-s,:host ::ng-deep gridster.mobile gridster-item .gridster-item-resizable-handler.handle-se{display:none}::ng-deep .didi-communication-centre gridster.display-grid gridster-item.vertical-resize .gridster-item-resizable-handler.handle-s,::ng-deep .didi-communication-centre gridster.mobile gridster-item.vertical-resize .gridster-item-resizable-handler.handle-s,:host ::ng-deep gridster.display-grid gridster-item.vertical-resize .gridster-item-resizable-handler.handle-s,:host ::ng-deep gridster.mobile gridster-item.vertical-resize .gridster-item-resizable-handler.handle-s{display:block}::ng-deep .didi-communication-centre gridster.display-grid gridster-item.fixed-width .gridster-item-resizable-handler.handle-e,::ng-deep .didi-communication-centre gridster.display-grid gridster-item.fixed-width .gridster-item-resizable-handler.handle-w,::ng-deep .didi-communication-centre gridster.mobile gridster-item.fixed-width .gridster-item-resizable-handler.handle-e,::ng-deep .didi-communication-centre gridster.mobile gridster-item.fixed-width .gridster-item-resizable-handler.handle-w,:host ::ng-deep gridster.display-grid gridster-item.fixed-width .gridster-item-resizable-handler.handle-e,:host ::ng-deep gridster.display-grid gridster-item.fixed-width .gridster-item-resizable-handler.handle-w,:host ::ng-deep gridster.mobile gridster-item.fixed-width .gridster-item-resizable-handler.handle-e,:host ::ng-deep gridster.mobile gridster-item.fixed-width .gridster-item-resizable-handler.handle-w{display:none}::ng-deep .didi-communication-centre gridster.mobile,:host ::ng-deep gridster.mobile{height:100vh!important}::ng-deep .didi-communication-centre gridster.mobile gridster-item,:host ::ng-deep gridster.mobile gridster-item{height:auto!important}::ng-deep .didi-communication-centre gridster.mobile gridster-item.vertical-resize .gridster-item-resizable-handler.handle-s,::ng-deep .didi-communication-centre gridster.mobile gridster-item.vertical-resize .gridster-item-resizable-handler.handle-se,:host ::ng-deep gridster.mobile gridster-item.vertical-resize .gridster-item-resizable-handler.handle-s,:host ::ng-deep gridster.mobile gridster-item.vertical-resize .gridster-item-resizable-handler.handle-se{display:none}::ng-deep .didi-communication-centre gridster.mobile .article-list,:host ::ng-deep gridster.mobile .article-list{height:auto;padding-bottom:48px}::ng-deep .didi-communication-centre gridster.mobile .gallery-wrapper,::ng-deep .didi-communication-centre gridster.mobile .gallery-wrapper .slick-slide,:host ::ng-deep gridster.mobile .gallery-wrapper,:host ::ng-deep gridster.mobile .gallery-wrapper .slick-slide{height:320px}::ng-deep .didi-communication-centre gridster.mobile .view-all,:host ::ng-deep gridster.mobile .view-all{display:none}::ng-deep .didi-communication-centre gridster.mobile .view-more,:host ::ng-deep gridster.mobile .view-more{display:block}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper,:host ::ng-deep .cms-widgets-theme .widget-wrapper{width:100%;height:100%;position:relative}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper .mat-chip-list.fit-right,:host ::ng-deep .cms-widgets-theme .widget-wrapper .mat-chip-list.fit-right{margin-left:auto;margin-right:10px}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper .mat-chip-list-wrapper .mat-standard-chip,:host ::ng-deep .cms-widgets-theme .widget-wrapper .mat-chip-list-wrapper .mat-standard-chip{padding:4px 10px;min-height:21px;background:#e6eef7;border-radius:0;cursor:pointer;color:#568ac5;-webkit-transition:.2s ease-in;transition:.2s ease-in}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper .mat-chip-list-wrapper .mat-standard-chip:hover,:host ::ng-deep .cms-widgets-theme .widget-wrapper .mat-chip-list-wrapper .mat-standard-chip:hover{background:#568ac5;color:#fff}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper .mat-list-item-content,:host ::ng-deep .cms-widgets-theme .widget-wrapper .mat-list-item-content{width:100%;padding:0!important;border-bottom:1px solid #f4f4f4;height:100%}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper .mat-chip,:host ::ng-deep .cms-widgets-theme .widget-wrapper .mat-chip{font-size:.8rem}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper .mat-list-base .mat-list-item,:host ::ng-deep .cms-widgets-theme .widget-wrapper .mat-list-base .mat-list-item{font-size:1rem;padding:0 25px;border:none}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper .mat-list-base .mat-list-item:last-of-type .mat-list-item-content,:host ::ng-deep .cms-widgets-theme .widget-wrapper .mat-list-base .mat-list-item:last-of-type .mat-list-item-content{border-bottom:none}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper .widget-action,:host ::ng-deep .cms-widgets-theme .widget-wrapper .widget-action{background:0 0;border-radius:0;padding:0;width:28px;height:28px;line-height:28px;position:relative}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper .widget-action:first-child:after,:host ::ng-deep .cms-widgets-theme .widget-wrapper .widget-action:first-child:after{content:\"\";display:block;position:absolute;top:6px;width:1px;background:#f2f2f2;bottom:6px;right:0}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper .widget-action.solo-action:first-child:after,:host ::ng-deep .cms-widgets-theme .widget-wrapper .widget-action.solo-action:first-child:after{display:none}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper .widget-action .mat-icon,:host ::ng-deep .cms-widgets-theme .widget-wrapper .widget-action .mat-icon{width:14px;height:14px;line-height:14px;font-size:14px;color:#a4a4a4}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-wrapper.widget-edit-mode>:not(.widget-header):not(app-links):not(app-documents),:host ::ng-deep .cms-widgets-theme .widget-wrapper.widget-edit-mode>:not(.widget-header):not(app-links):not(app-documents){pointer-events:none}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-header,:host ::ng-deep .cms-widgets-theme .widget-header{display:-webkit-box;display:flex;z-index:1;width:100%;height:48px;-webkit-box-align:center;align-items:center;border-bottom:1px solid #f0f0f0;background:#fcfcfc}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-header .action-buttons,:host ::ng-deep .cms-widgets-theme .widget-header .action-buttons{white-space:nowrap;margin-left:auto;padding:0 9px}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-header.transparent-header,:host ::ng-deep .cms-widgets-theme .widget-header.transparent-header{position:absolute;top:0;border-bottom:none;background:0 0}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-header.transparent-header .widget-title,:host ::ng-deep .cms-widgets-theme .widget-header.transparent-header .widget-title{display:none}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-header.bright-actions .drag-button i:before,:host ::ng-deep .cms-widgets-theme .widget-header.bright-actions .drag-button i:before{color:#fff}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-header.bright-actions .action-buttons .widget-action .mat-icon,:host ::ng-deep .cms-widgets-theme .widget-header.bright-actions .action-buttons .widget-action .mat-icon{color:#fff}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-header.bright-actions .action-buttons .widget-action:first-child:after,:host ::ng-deep .cms-widgets-theme .widget-header.bright-actions .action-buttons .widget-action:first-child:after{opacity:.3}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-date,:host ::ng-deep .cms-widgets-theme .widget-date{font-size:.86rem}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-button.widget-footer,:host ::ng-deep .cms-widgets-theme .mat-button.widget-footer{position:absolute;border-top:1px solid #f0f0f0;height:48px;background:#fcfcfc;bottom:0;width:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-size:14px;color:#a7a7a7;border-radius:0;font-weight:400}::ng-deep .didi-communication-centre .cms-widgets-theme .widget-title,:host ::ng-deep .cms-widgets-theme .widget-title{font-size:16px;font-weight:400;color:#000;margin-bottom:0;margin-left:-2px}::ng-deep .didi-communication-centre .cms-widgets-theme .article-text,::ng-deep .didi-communication-centre .cms-widgets-theme .article-title,:host ::ng-deep .cms-widgets-theme .article-text,:host ::ng-deep .cms-widgets-theme .article-title{overflow:hidden}::ng-deep .didi-communication-centre .cms-widgets-theme .article-title,:host ::ng-deep .cms-widgets-theme .article-title{font-size:14px;font-weight:400;color:#000;white-space:nowrap;text-overflow:ellipsis;margin:0;-webkit-transition:color .18s ease-out;transition:color .18s ease-out;line-height:21px}::ng-deep .didi-communication-centre .cms-widgets-theme .article-list.mat-list,:host ::ng-deep .cms-widgets-theme .article-list.mat-list{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative;height:calc(100% - 96px);overflow-y:auto}::ng-deep .didi-communication-centre .cms-widgets-theme .article-text,:host ::ng-deep .cms-widgets-theme .article-text{margin:0;max-height:2.8rem;line-height:1.4rem;font-size:12px;color:#6f6f6f;min-height:19px}::ng-deep .didi-communication-centre .cms-widgets-theme .article-list-item,:host ::ng-deep .cms-widgets-theme .article-list-item{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;border-bottom:1px solid #f0f0f0;cursor:pointer;background-color:transparent;-webkit-transition:background-color .18s ease-out;transition:background-color .18s ease-out;min-height:82px;max-height:88px}::ng-deep .didi-communication-centre .cms-widgets-theme .article-list-item:hover,:host ::ng-deep .cms-widgets-theme .article-list-item:hover{background-color:#f9f9f9}::ng-deep .didi-communication-centre .widget-settings,:host ::ng-deep .widget-settings{min-width:300px}::ng-deep .didi-communication-centre .cdk-overlay-container .cdk-overlay-pane.settings-modal .mat-dialog-container,:host ::ng-deep .cdk-overlay-container .cdk-overlay-pane.settings-modal .mat-dialog-container{padding:0}::ng-deep .didi-communication-centre .cdk-overlay-container .mat-dialog-title,:host ::ng-deep .cdk-overlay-container .mat-dialog-title{font-weight:400}::ng-deep .didi-communication-centre .cdk-overlay-container .mat-dialog-container,:host ::ng-deep .cdk-overlay-container .mat-dialog-container{position:relative}::ng-deep .didi-communication-centre .cdk-overlay-container .mat-dialog-container .header,:host ::ng-deep .cdk-overlay-container .mat-dialog-container .header{display:-webkit-box;display:flex;flex-wrap:nowrap;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;width:100%;border-bottom:1px solid rgba(0,0,0,.2);padding:1rem;background-color:#f5f5f5}::ng-deep .didi-communication-centre .cdk-overlay-container .mat-dialog-container .header .mat-dialog-title,:host ::ng-deep .cdk-overlay-container .mat-dialog-container .header .mat-dialog-title{margin:0;line-height:36px}::ng-deep .didi-communication-centre .cdk-overlay-container .mat-dialog-container .mat-dialog-content,:host ::ng-deep .cdk-overlay-container .mat-dialog-container .mat-dialog-content{margin:0;padding:1.5rem;max-height:none;height:100%;position:relative;overflow:hidden}::ng-deep .didi-communication-centre .cdk-overlay-container .mat-dialog-container .mat-dialog-content .mat-form-field,:host ::ng-deep .cdk-overlay-container .mat-dialog-container .mat-dialog-content .mat-form-field{margin-bottom:1em}::ng-deep .didi-communication-centre .cdk-overlay-container .mat-dialog-container .close-button,:host ::ng-deep .cdk-overlay-container .mat-dialog-container .close-button{padding:0;margin-left:auto;cursor:pointer}::ng-deep .didi-communication-centre .cdk-overlay-container .mat-dialog-container .footer,:host ::ng-deep .cdk-overlay-container .mat-dialog-container .footer{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;flex-wrap:nowrap;-webkit-box-align:center;align-items:center;width:100%;border-top:1px solid rgba(0,0,0,.2);padding:1rem;background-color:#f5f5f5}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-mini-fab,:host ::ng-deep .cms-widgets-theme .mat-mini-fab{min-width:2.3rem!important;background-color:#514d6a!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-slide-toggle .mat-slide-toggle-bar,:host ::ng-deep .cms-widgets-theme .mat-slide-toggle .mat-slide-toggle-bar{-webkit-box-ordinal-group:3;order:2;margin-left:15px!important;height:20px!important;border:1px solid #e4e4e4;border-radius:10px;background-color:#fff;width:35px}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-slide-toggle .mat-slide-toggle-thumb-container,:host ::ng-deep .cms-widgets-theme .mat-slide-toggle .mat-slide-toggle-thumb-container{top:1px}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-slide-toggle .mat-slide-toggle-thumb,:host ::ng-deep .cms-widgets-theme .mat-slide-toggle .mat-slide-toggle-thumb{width:16px;height:16px;background-color:#fff;box-shadow:0 2.5px 2px -1px rgba(0,0,0,.08),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb,:host ::ng-deep .cms-widgets-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#fff;-webkit-transform:scale(1.15);transform:scale(1.15)}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar,:host ::ng-deep .cms-widgets-theme .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:#ffc72b;border:1px solid #ffc72b}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element,:host ::ng-deep .cms-widgets-theme .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#ffc72b}::ng-deep .didi-communication-centre .cms-widgets-theme,:host ::ng-deep .cms-widgets-theme{font-family:Roboto,sans-serif}::ng-deep .didi-communication-centre .cms-widgets-theme.full-width-dialog,:host ::ng-deep .cms-widgets-theme.full-width-dialog{width:95%;max-width:800px!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-button,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-fab,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-icon-button,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-mini-fab,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-raised-button,::ng-deep .didi-communication-centre .cms-widgets-theme h1,::ng-deep .didi-communication-centre .cms-widgets-theme h2,::ng-deep .didi-communication-centre .cms-widgets-theme h3,::ng-deep .didi-communication-centre .cms-widgets-theme h4,::ng-deep .didi-communication-centre .cms-widgets-theme h5,::ng-deep .didi-communication-centre .cms-widgets-theme h6,:host ::ng-deep .cms-widgets-theme .mat-button,:host ::ng-deep .cms-widgets-theme .mat-fab,:host ::ng-deep .cms-widgets-theme .mat-icon-button,:host ::ng-deep .cms-widgets-theme .mat-mini-fab,:host ::ng-deep .cms-widgets-theme .mat-raised-button,:host ::ng-deep .cms-widgets-theme h1,:host ::ng-deep .cms-widgets-theme h2,:host ::ng-deep .cms-widgets-theme h3,:host ::ng-deep .cms-widgets-theme h4,:host ::ng-deep .cms-widgets-theme h5,:host ::ng-deep .cms-widgets-theme h6{font-family:Roboto,sans-serif;color:#514d6a;outline:0}::ng-deep .didi-communication-centre .cms-widgets-theme input:focus,::ng-deep .didi-communication-centre .cms-widgets-theme textarea:focus,:host ::ng-deep .cms-widgets-theme input:focus,:host ::ng-deep .cms-widgets-theme textarea:focus{outline:0}::ng-deep .didi-communication-centre .cms-widgets-theme a,::ng-deep .didi-communication-centre .cms-widgets-theme button,:host ::ng-deep .cms-widgets-theme a,:host ::ng-deep .cms-widgets-theme button{cursor:pointer}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-fab,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-mini-fab,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-stroked-button,:host ::ng-deep .cms-widgets-theme .mat-fab,:host ::ng-deep .cms-widgets-theme .mat-mini-fab,:host ::ng-deep .cms-widgets-theme .mat-stroked-button{color:#fff!important;background-color:#514d6a}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-fab.mat-warn,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-mini-fab.mat-warn,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-stroked-button.mat-warn,:host ::ng-deep .cms-widgets-theme .mat-fab.mat-warn,:host ::ng-deep .cms-widgets-theme .mat-mini-fab.mat-warn,:host ::ng-deep .cms-widgets-theme .mat-stroked-button.mat-warn{background-color:#ff8d8c}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-fab[disabled][disabled],::ng-deep .didi-communication-centre .cms-widgets-theme .mat-mini-fab[disabled][disabled],::ng-deep .didi-communication-centre .cms-widgets-theme .mat-stroked-button[disabled][disabled],:host ::ng-deep .cms-widgets-theme .mat-fab[disabled][disabled],:host ::ng-deep .cms-widgets-theme .mat-mini-fab[disabled][disabled],:host ::ng-deep .cms-widgets-theme .mat-stroked-button[disabled][disabled]{background-color:rgba(0,0,0,.12)}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-fab,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-mini-fab,:host ::ng-deep .cms-widgets-theme .mat-fab,:host ::ng-deep .cms-widgets-theme .mat-mini-fab{box-shadow:none!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-fab .mat-button-wrapper,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-mini-fab .mat-button-wrapper,:host ::ng-deep .cms-widgets-theme .mat-fab .mat-button-wrapper,:host ::ng-deep .cms-widgets-theme .mat-mini-fab .mat-button-wrapper{padding:0!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-fab,:host ::ng-deep .cms-widgets-theme .mat-fab{width:3.2rem!important;height:3.2rem!important;line-height:3.2rem!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-fab .mat-button-wrapper,:host ::ng-deep .cms-widgets-theme .mat-fab .mat-button-wrapper{line-height:3.2rem!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-fab .mat-icon,:host ::ng-deep .cms-widgets-theme .mat-fab .mat-icon{font-size:2rem;width:2rem;height:2rem}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-mini-fab,:host ::ng-deep .cms-widgets-theme .mat-mini-fab{width:32px!important;height:32px!important;line-height:32px!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-mini-fab .mat-button-wrapper,:host ::ng-deep .cms-widgets-theme .mat-mini-fab .mat-button-wrapper{line-height:32px!important;display:-webkit-box!important;display:flex!important;-webkit-box-pack:center;justify-content:center}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-mini-fab .mat-icon,:host ::ng-deep .cms-widgets-theme .mat-mini-fab .mat-icon{font-size:20px;width:20px;height:20px}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field,:host ::ng-deep .cms-widgets-theme .mat-form-field{width:100%;font-size:1rem;border-radius:5px}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field:not(.readonly),:host ::ng-deep .cms-widgets-theme .mat-form-field:not(.readonly){background-color:#fff}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field .mat-form-field-wrapper,:host ::ng-deep .cms-widgets-theme .mat-form-field .mat-form-field-wrapper{padding:0;margin:0!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field .mat-form-field-flex,:host ::ng-deep .cms-widgets-theme .mat-form-field .mat-form-field-flex{margin:0!important;-webkit-box-align:center;align-items:center}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field .mat-form-field-outline,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field .mat-form-field-prefix,:host ::ng-deep .cms-widgets-theme .mat-form-field .mat-form-field-outline,:host ::ng-deep .cms-widgets-theme .mat-form-field .mat-form-field-prefix{top:0!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field .mat-form-field-infix,:host ::ng-deep .cms-widgets-theme .mat-form-field .mat-form-field-infix{border:none;width:100%}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field .mat-form-field-label-wrapper,:host ::ng-deep .cms-widgets-theme .mat-form-field .mat-form-field-label-wrapper{padding-top:0}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field .mat-form-field-label,:host ::ng-deep .cms-widgets-theme .mat-form-field .mat-form-field-label{margin-top:0}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field .mat-input-element,:host ::ng-deep .cms-widgets-theme .mat-form-field .mat-input-element{margin:0!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field.mat-focused .mat-form-field-label,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field.mat-focused .mat-form-field-outline-thick,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field.mat-focused .mat-select-arrow,:host ::ng-deep .cms-widgets-theme .mat-form-field.mat-focused .mat-form-field-label,:host ::ng-deep .cms-widgets-theme .mat-form-field.mat-focused .mat-form-field-outline-thick,:host ::ng-deep .cms-widgets-theme .mat-form-field.mat-focused .mat-select-arrow{color:#514d6a}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,:host ::ng-deep .cms-widgets-theme .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{-webkit-transform:translateY(-1.375rem) scale(.75);transform:translateY(-1.375rem) scale(.75)}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle,:host ::ng-deep .cms-widgets-theme .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#514d6a!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-radio-button.mat-accent .mat-radio-inner-circle,:host ::ng-deep .cms-widgets-theme .mat-radio-button.mat-accent .mat-radio-inner-circle{background-color:#514d6a!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-radio-button .mat-ripple-element,:host ::ng-deep .cms-widgets-theme .mat-radio-button .mat-ripple-element{background:#514d6a!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-checkbox.mat-checkbox-checked .mat-checkbox-background,:host ::ng-deep .cms-widgets-theme .mat-checkbox.mat-checkbox-checked .mat-checkbox-background{background-color:#514d6a}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-checkbox .mat-ripple-element,:host ::ng-deep .cms-widgets-theme .mat-checkbox .mat-ripple-element{background:#514d6a!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-calendar-body-selected,:host ::ng-deep .cms-widgets-theme .mat-calendar-body-selected{background-color:#514d6a}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-progress-bar,:host ::ng-deep .cms-widgets-theme .mat-progress-bar{height:2px!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-progress-bar-background,:host ::ng-deep .cms-widgets-theme .mat-progress-bar-background{fill:#aca9c1}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-progress-bar-buffer,:host ::ng-deep .cms-widgets-theme .mat-progress-bar-buffer{background-color:#aca9c1}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-progress-bar-fill::after,:host ::ng-deep .cms-widgets-theme .mat-progress-bar-fill::after{background-color:#514d6a}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-progress-spinner circle,:host ::ng-deep .cms-widgets-theme .mat-progress-spinner circle{stroke:#514d6a}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-tab-group .mat-ink-bar,:host ::ng-deep .cms-widgets-theme .mat-tab-group .mat-ink-bar{background-color:#514d6a!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-accent .mat-pseudo-checkbox-checked,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-accent .mat-pseudo-checkbox-indeterminate,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-pseudo-checkbox-checked,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-pseudo-checkbox-indeterminate,:host ::ng-deep .cms-widgets-theme .mat-accent .mat-pseudo-checkbox-checked,:host ::ng-deep .cms-widgets-theme .mat-accent .mat-pseudo-checkbox-indeterminate,:host ::ng-deep .cms-widgets-theme .mat-pseudo-checkbox-checked,:host ::ng-deep .cms-widgets-theme .mat-pseudo-checkbox-indeterminate{background:#514d6a!important}::ng-deep .didi-communication-centre .cms-widgets-theme .edit-dialog .mat-dialog-actions,:host ::ng-deep .cms-widgets-theme .edit-dialog .mat-dialog-actions{margin-bottom:0!important;padding:20px 24px!important;border-top:1px solid rgba(0,0,0,.2);background-color:#dcdada;-webkit-box-pack:end;justify-content:flex-end}::ng-deep .didi-communication-centre .cms-widgets-theme .edit-dialog .mat-dialog-actions button:not(:last-of-type),:host ::ng-deep .cms-widgets-theme .edit-dialog .mat-dialog-actions button:not(:last-of-type){margin-right:.5rem}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field-appearance-outline .mat-select-arrow-wrapper,:host ::ng-deep .cms-widgets-theme .mat-form-field-appearance-outline .mat-select-arrow-wrapper{-webkit-transform:none!important;transform:none!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-option.mat-selected:not(.mat-option-disabled),:host ::ng-deep .cms-widgets-theme .mat-option.mat-selected:not(.mat-option-disabled){color:inherit!important}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-drawer-container,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-sidenav-container,:host ::ng-deep .cms-widgets-theme .mat-drawer-container,:host ::ng-deep .cms-widgets-theme .mat-sidenav-container{height:100%}::ng-deep .didi-communication-centre .cms-widgets-theme .text-ellipsis,:host ::ng-deep .cms-widgets-theme .text-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::ng-deep .didi-communication-centre .cms-widgets-theme.page-content,:host ::ng-deep .cms-widgets-theme.page-content{height:calc(100% - 4.64rem)}@media (max-width:767px){::ng-deep .didi-communication-centre .cms-widgets-theme.page-content,:host ::ng-deep .cms-widgets-theme.page-content{height:calc(100vh - 59px - 4.64rem)}}::ng-deep .didi-communication-centre .cms-widgets-theme.page-content.full-height,:host ::ng-deep .cms-widgets-theme.page-content.full-height{height:100%}::ng-deep .didi-communication-centre .cms-widgets-theme .heading-label,:host ::ng-deep .cms-widgets-theme .heading-label{font-weight:400;font-size:17px!important;margin:0 0 .5rem}::ng-deep .didi-communication-centre .cms-widgets-theme .heading-label:not(:first-of-type),:host ::ng-deep .cms-widgets-theme .heading-label:not(:first-of-type){margin-top:1rem}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-card.no-radius,:host ::ng-deep .cms-widgets-theme .mat-card.no-radius{border-radius:0}::ng-deep .didi-communication-centre .cms-widgets-theme .hidden-progress-bar,:host ::ng-deep .cms-widgets-theme .hidden-progress-bar{visibility:hidden;-webkit-box-flex:0;flex:0 0 auto}::ng-deep .didi-communication-centre .cms-widgets-theme .hidden-progress-bar.visible,:host ::ng-deep .cms-widgets-theme .hidden-progress-bar.visible{visibility:visible}::ng-deep .didi-communication-centre .cms-widgets-theme .form-header,:host ::ng-deep .cms-widgets-theme .form-header{font-size:1.4rem;font-weight:400;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.12)}::ng-deep .didi-communication-centre .cms-widgets-theme .info-container,:host ::ng-deep .cms-widgets-theme .info-container{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin:0 0 1rem}::ng-deep .didi-communication-centre .cms-widgets-theme .info-container>.info-label,:host ::ng-deep .cms-widgets-theme .info-container>.info-label{margin:0 .8rem 0 0;color:#514d6a;font-size:1.2rem}::ng-deep .didi-communication-centre .cms-widgets-theme input[type=number]::-webkit-inner-spin-button,::ng-deep .didi-communication-centre .cms-widgets-theme input[type=number]::-webkit-outer-spin-button,:host ::ng-deep .cms-widgets-theme input[type=number]::-webkit-inner-spin-button,:host ::ng-deep .cms-widgets-theme input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}::ng-deep .didi-communication-centre .cms-widgets-theme input[type=number],:host ::ng-deep .cms-widgets-theme input[type=number]{-moz-appearance:textfield}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline-thick,:host ::ng-deep .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline,:host ::ng-deep .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline-thick{color:red}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline [class^=mat-form-field],::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline-thick [class^=mat-form-field],:host ::ng-deep .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline [class^=mat-form-field],:host ::ng-deep .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline-thick [class^=mat-form-field]{border-width:2px}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline .mat-form-field-outline-thick,::ng-deep .didi-communication-centre .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline-thick .mat-form-field-outline-thick,:host ::ng-deep .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline .mat-form-field-outline-thick,:host ::ng-deep .cms-widgets-theme .mat-form-field-invalid.mat-chip-wrapper .mat-form-field-outline-thick .mat-form-field-outline-thick{color:red}::ng-deep .didi-communication-centre .cms-widgets-theme .mat-toolbar,:host ::ng-deep .cms-widgets-theme .mat-toolbar{background:#f6f6f6}::ng-deep .didi-communication-centre .cms-widgets-theme .hide-panel,:host ::ng-deep .cms-widgets-theme .hide-panel{opacity:.5;pointer-events:none}::ng-deep .didi-communication-centre .cms-widgets-theme .watermark,:host ::ng-deep .cms-widgets-theme .watermark{text-align:center;color:#aaa6a6}::ng-deep .didi-communication-centre .cms-widgets-theme .centered-watermark,:host ::ng-deep .cms-widgets-theme .centered-watermark{margin:0;height:calc(100% - 96px);display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:200px}::ng-deep .didi-communication-centre .cms-widgets-theme .centered-watermark.full-height,:host ::ng-deep .cms-widgets-theme .centered-watermark.full-height{height:100%}@media (max-device-width:990px){::ng-deep .didi-communication-centre .cms-widgets-theme .centered-watermark,:host ::ng-deep .cms-widgets-theme .centered-watermark{padding-bottom:48px}}::ng-deep .didi-communication-centre .cms-widgets-theme .hidden,:host ::ng-deep .cms-widgets-theme .hidden{display:none!important}::ng-deep .didi-communication-centre .cms-widgets-theme .invisible,:host ::ng-deep .cms-widgets-theme .invisible{visibility:hidden!important}::ng-deep .didi-communication-centre .cms-widgets-theme .separator,:host ::ng-deep .cms-widgets-theme .separator{color:#ccc}::ng-deep .didi-communication-centre .mat-button-focus-overlay,:host ::ng-deep .mat-button-focus-overlay{display:none}::ng-deep .didi-communication-centre .mat-spinner circle,:host ::ng-deep .mat-spinner circle{stroke:#568ac5!important;stroke-width:min(2px,10%)!important}::ng-deep .didi-communication-centre .mat-raised-button,:host ::ng-deep .mat-raised-button{color:#fff!important;background-color:#46be8a;border-color:#46be8a;border-radius:2px;box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)!important}::ng-deep .didi-communication-centre .mat-raised-button[disabled],:host ::ng-deep .mat-raised-button[disabled]{background-color:#46be8a;opacity:.65}::ng-deep .didi-communication-centre .no-select-arrow .mat-select-arrow-wrapper,:host ::ng-deep .no-select-arrow .mat-select-arrow-wrapper{visibility:hidden}::ng-deep .didi-communication-centre.didi-contact-manager-top-level-dialog didi-contact-manager-dialog,:host ::ng-deep.didi-contact-manager-top-level-dialog didi-contact-manager-dialog{height:100%}::ng-deep .didi-communication-centre.didi-contact-manager-top-level-dialog .contact-manager-wrapper,:host ::ng-deep.didi-contact-manager-top-level-dialog .contact-manager-wrapper{height:calc(100% - 4px)!important;max-height:unset!important}"]}]}],"members":{"widgetsSidenavComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":["widgetsSidenav",{"static":true}]}]}],"twilioTag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":38,"character":3},"arguments":["twilioTag",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ConfigService"},{"__symbolic":"reference","name":"CommunicationCentreService"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":69,"character":33},{"__symbolic":"reference","name":"WidgetObserverService"}]}],"messageListener":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":84,"character":3},"arguments":["window:message",["$event"]]}]}],"ngOnInit":[{"__symbolic":"method"}],"toggleSideNav":[{"__symbolic":"method"}],"toggleEditMode":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"initializeDashboard":[{"__symbolic":"method"}],"hasRole":[{"__symbolic":"method"}],"onContactManagerEvent":[{"__symbolic":"method"}],"retrieveItemToSidenav":[{"__symbolic":"method"}],"removeItemFromSidenav":[{"__symbolic":"method"}],"configTwilio":[{"__symbolic":"method"}],"setZendeskWidgetData":[{"__symbolic":"method"}],"listenToTwilio":[{"__symbolic":"method"}]}},"CommunicationCentreModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":148,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"CommunicationCentreComponent"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"PowerBiVisualComponent"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"TimelineComponent"},{"__symbolic":"reference","name":"ZendeskComponent"},{"__symbolic":"reference","name":"AddScrollComponent"},{"__symbolic":"reference","name":"AuthorInitialsPipe"},{"__symbolic":"reference","name":"CmsSidenavComponent"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"FilterByPipe"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbh"}],"imports":[{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":82,"character":2},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":83,"character":2},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":84,"character":2},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":85,"character":2},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":86,"character":2},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":87,"character":2},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":88,"character":2},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":89,"character":2},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":90,"character":2},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":91,"character":2},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":92,"character":2},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":93,"character":2},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":94,"character":2},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":95,"character":2},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":96,"character":2},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":97,"character":2},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":98,"character":2},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":99,"character":2},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":100,"character":2},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","module":"@digitaldealers/contact-manager","name":"ContactManagerModule","line":168,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":169,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":170,"character":4},{"__symbolic":"reference","module":"angular-gridster2","name":"GridsterModule","line":171,"character":4},{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"PerfectScrollbarModule","line":172,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":173,"character":4},{"__symbolic":"reference","module":"ngx-toastr","name":"ToastrModule","line":174,"character":4},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-mask","name":"NgxMaskModule","line":175,"character":4},"member":"forRoot"}}],"exports":[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"CommunicationCentreComponent"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"PowerBiVisualComponent"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"TimelineComponent"},{"__symbolic":"reference","name":"ZendeskComponent"},{"__symbolic":"reference","module":"@angular/cdk/table","name":"CdkTableModule","line":82,"character":2},{"__symbolic":"reference","module":"@angular/material/autocomplete","name":"MatAutocompleteModule","line":83,"character":2},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":84,"character":2},{"__symbolic":"reference","module":"@angular/material/button-toggle","name":"MatButtonToggleModule","line":85,"character":2},{"__symbolic":"reference","module":"@angular/material/card","name":"MatCardModule","line":86,"character":2},{"__symbolic":"reference","module":"@angular/material/checkbox","name":"MatCheckboxModule","line":87,"character":2},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialogModule","line":88,"character":2},{"__symbolic":"reference","module":"@angular/material/form-field","name":"MatFormFieldModule","line":89,"character":2},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":90,"character":2},{"__symbolic":"reference","module":"@angular/material/input","name":"MatInputModule","line":91,"character":2},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":92,"character":2},{"__symbolic":"reference","module":"@angular/material/progress-bar","name":"MatProgressBarModule","line":93,"character":2},{"__symbolic":"reference","module":"@angular/material/progress-spinner","name":"MatProgressSpinnerModule","line":94,"character":2},{"__symbolic":"reference","module":"@angular/material/select","name":"MatSelectModule","line":95,"character":2},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBarModule","line":96,"character":2},{"__symbolic":"reference","module":"@angular/material/table","name":"MatTableModule","line":97,"character":2},{"__symbolic":"reference","module":"@angular/material/toolbar","name":"MatToolbarModule","line":98,"character":2},{"__symbolic":"reference","module":"@angular/material/tooltip","name":"MatTooltipModule","line":99,"character":2},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":100,"character":2},{"__symbolic":"reference","name":"AddScrollComponent"},{"__symbolic":"reference","name":"AuthorInitialsPipe"},{"__symbolic":"reference","name":"CmsSidenavComponent"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"FilterByPipe"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵbi"}],"providers":[{"provide":{"__symbolic":"reference","name":"ɵb"},"useValue":{"__symbolic":"reference","name":"CommunicationCentreComponent"}},{"provide":{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MAT_SNACK_BAR_DEFAULT_OPTIONS","line":189,"character":15},"useValue":{"duration":3000}},{"provide":{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"PERFECT_SCROLLBAR_CONFIG","line":193,"character":15},"useValue":{"suppressScrollX":true}},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"CommunicationCentreService"},{"__symbolic":"reference","name":"ConfigService"},{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":124,"character":2},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"WidgetObserverService"}],"entryComponents":[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"CommunicationCentreComponent"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"PowerBiVisualComponent"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"TimelineComponent"},{"__symbolic":"reference","name":"ZendeskComponent"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵbc"}]}]}],"members":{},"statics":{"forRoot":{"__symbolic":"function","parameters":["config"],"value":{"ngModule":{"__symbolic":"reference","name":"CommunicationCentreModule"},"providers":[{"provide":{"__symbolic":"reference","name":"ɵa"},"useValue":{"__symbolic":"reference","name":"config"}},{"provide":{"__symbolic":"reference","module":"@digitaldealers/contact-manager","name":"contactManagerConfigToken","line":214,"character":19},"useValue":{"__symbolic":"reference","name":"config"}}]}}}},"ConfigService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":15},"arguments":[{"__symbolic":"reference","name":"ɵa"}]}]],"parameters":[{"__symbolic":"reference","module":"ngx-cookie-service","name":"CookieService","line":43,"character":30},{"__symbolic":"reference","name":"ɵd"}]}],"getAccessToken":[{"__symbolic":"method"}],"getDealerId":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"CmsSidenavComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":20,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"didi-cms-sidenav","template":"<div class=\"widgets-wrapper\">\r\n  <div class=\"modal-header-wrapper\">\r\n    <div class=\"header-title\">\r\n      <h2>Widgets</h2>\r\n    </div>\r\n    <div class=\"transclude-content\">\r\n      <button mat-mini-fab\r\n              (click)=\"toggleFiltersMode()\"\r\n              [class.inactive]=\"!filtersMode\">\r\n        <mat-icon>filter_list</mat-icon>\r\n      </button>\r\n    </div>\r\n    <i class=\"communication-centre-icon-dots-vertical\"></i>\r\n    <button class=\"close-button\" mat-mini-fab (click)=\"close.emit()\">\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n\r\n  <mat-list role=\"list\" perfectScrollbar>\r\n    <mat-list-item *ngIf=\"filtersMode\" class=\"filters-wrapper\" [disableRipple]=\"true\">\r\n      <h2 class=\"list-title\">Widget Types</h2>\r\n      <mat-card-content>\r\n        <mat-list class=\"facet-filters\">\r\n          <mat-list-item class=\"empty-header\"></mat-list-item>\r\n          <mat-list>\r\n            <ng-container *ngFor=\"let type of facets.type;\">\r\n              <mat-list-item *ngIf=\"type.count\">\r\n                <button type=\"button\" class=\"facet-category\" mat-button\r\n                        (click)=\"toggleSelect(type, facetKeys.type)\"\r\n                        [ngClass]=\"{'selected': type.selected}\">\r\n                  <span class=\"facet-title\">{{type.value}}</span>\r\n                  <span *ngIf=\"!type.selected\">({{type.count}})</span>\r\n                  <mat-icon *ngIf=\"type.selected\">cancel</mat-icon>\r\n                </button>\r\n              </mat-list-item>\r\n            </ng-container>\r\n          </mat-list>\r\n        </mat-list>\r\n      </mat-card-content>\r\n    </mat-list-item>\r\n    <ng-container *ngFor=\"let widget of widgets | filterBy: activeSubCategories\">\r\n      <mat-list-item *ngIf=\"!widget.isHidden\"\r\n                     role=\"listitem\"\r\n                     draggable=\"true\"\r\n                     (dragstart)=\"dragStartHandler($event, widget)\">\r\n        <div class=\"list-item-inner\">\r\n          <mat-icon class=\"drag-icon\">more_vert</mat-icon>\r\n          <mat-icon class=\"drag-icon more-vert-right\">more_vert</mat-icon>\r\n          {{ widget.title }}\r\n        </div>\r\n      </mat-list-item>\r\n    </ng-container>\r\n  </mat-list>\r\n  <p class=\"watermark\" *ngIf=\"noItems\">No items available</p>\r\n</div>\r\n","styles":[".cms-widgets-theme .widget-wrapper{width:100%;height:100%;position:relative}.cms-widgets-theme .widget-wrapper .mat-chip-list.fit-right{margin-left:auto;margin-right:10px}.cms-widgets-theme .widget-wrapper .mat-chip-list-wrapper .mat-standard-chip{padding:4px 10px;min-height:21px;background:#e6eef7;border-radius:0;cursor:pointer;color:#568ac5;-webkit-transition:.2s ease-in;transition:.2s ease-in}.cms-widgets-theme .widget-wrapper .mat-chip-list-wrapper .mat-standard-chip:hover{background:#568ac5;color:#fff}.cms-widgets-theme .widget-wrapper .mat-list-item-content{width:100%;padding:0!important;border-bottom:1px solid #f4f4f4;height:100%}.cms-widgets-theme .widget-wrapper .mat-chip{font-size:.8rem}.cms-widgets-theme .widget-wrapper .mat-list-base .mat-list-item{font-size:1rem;padding:0 25px;border:none}.cms-widgets-theme .widget-wrapper .mat-list-base .mat-list-item:last-of-type .mat-list-item-content{border-bottom:none}.cms-widgets-theme .widget-wrapper .widget-action{background:0 0;border-radius:0;padding:0;width:28px;height:28px;line-height:28px;position:relative}.cms-widgets-theme .widget-wrapper .widget-action:first-child:after{content:\"\";display:block;position:absolute;top:6px;width:1px;background:#f2f2f2;bottom:6px;right:0}.cms-widgets-theme .widget-wrapper .widget-action.solo-action:first-child:after{display:none}.cms-widgets-theme .widget-wrapper .widget-action .mat-icon{width:14px;height:14px;line-height:14px;font-size:14px;color:#a4a4a4}.cms-widgets-theme .widget-wrapper.widget-edit-mode>:not(.widget-header):not(app-links):not(app-documents){pointer-events:none}.cms-widgets-theme .widget-header{display:-webkit-box;display:flex;z-index:1;width:100%;height:48px;-webkit-box-align:center;align-items:center;border-bottom:1px solid #f0f0f0;background:#fcfcfc}.cms-widgets-theme .widget-header .action-buttons{white-space:nowrap;margin-left:auto;padding:0 9px}.cms-widgets-theme .widget-header.transparent-header{position:absolute;top:0;border-bottom:none;background:0 0}.cms-widgets-theme .widget-header.transparent-header .widget-title{display:none}.cms-widgets-theme .widget-header.bright-actions .action-buttons .widget-action .mat-icon,.cms-widgets-theme .widget-header.bright-actions .drag-button i:before{color:#fff}.cms-widgets-theme .widget-header.bright-actions .action-buttons .widget-action:first-child:after{opacity:.3}.cms-widgets-theme .widget-date{font-size:.86rem}.cms-widgets-theme .mat-button.widget-footer{position:absolute;border-top:1px solid #f0f0f0;height:48px;background:#fcfcfc;bottom:0;width:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-size:14px;color:#a7a7a7;border-radius:0;font-weight:400}.cms-widgets-theme .widget-title{font-size:16px;font-weight:400;color:#000;margin-bottom:0;margin-left:-2px}.cms-widgets-theme .article-text,.cms-widgets-theme .article-title{overflow:hidden}.cms-widgets-theme .article-title{font-size:14px;font-weight:400;color:#000;white-space:nowrap;text-overflow:ellipsis;margin:0;-webkit-transition:color .18s ease-out;transition:color .18s ease-out;line-height:21px}.cms-widgets-theme .article-list.mat-list{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;position:relative;height:calc(100% - 96px);overflow-y:auto}.cms-widgets-theme .article-text{margin:0;max-height:2.8rem;line-height:1.4rem;font-size:12px;color:#6f6f6f;min-height:19px}.cms-widgets-theme .article-list-item{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;border-bottom:1px solid #f0f0f0;cursor:pointer;background-color:transparent;-webkit-transition:background-color .18s ease-out;transition:background-color .18s ease-out;min-height:82px;max-height:88px}.cms-widgets-theme .article-list-item:hover{background-color:#f9f9f9}.widget-settings{min-width:300px}:host .modal-header-wrapper{display:-webkit-box;display:flex;flex-wrap:nowrap;-webkit-box-align:center;align-items:center;width:100%;border-bottom:1px solid rgba(0,0,0,.2);margin-bottom:0;padding:0 24px;background-color:#f5f5f5}:host .modal-header-wrapper .header-title{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:60px}:host .modal-header-wrapper .header-title>h2{margin:0;font-size:21px}:host .close-button{padding:0;cursor:pointer;margin-left:10px}:host .transclude-content{margin-left:auto}:host .mat-mini-fab{min-width:2.3rem!important;background-color:#514d6a!important;width:32px!important;height:32px!important;line-height:32px!important;color:#fff;outline:0}:host .mat-mini-fab ::ng-deep .mat-button-wrapper{padding:0}:host h2{font-weight:400}:host .widgets-wrapper{width:100%;height:100%}:host .widgets-list{display:block;height:calc(100% - 61px)}:host .mat-mini-fab.inactive{background-color:transparent!important;color:#514d6a!important}:host .mat-list{height:calc(100% - 60px);position:relative}:host .mat-list-base{padding-top:0}:host .mat-list-base .mat-list-item{height:60px}:host .drag-icon{color:#dbdbdb}:host .drag-icon.more-vert-right{margin-right:.5rem;margin-left:-17px}:host .mat-list-item{border-bottom:1px solid rgba(0,0,0,.2);background:#fff;cursor:move}:host .mat-list-item .list-item-inner{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;flex-wrap:nowrap;width:100%;height:100%}:host ::ng-deep .mat-card-content{width:100%}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap,:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start{border-width:1px;color:#ccc}:host ::ng-deep .communication-centre-icon-dots-vertical{display:none}:host ::ng-deep .list-title{margin:0;font-size:1rem;font-weight:400;text-transform:uppercase}:host ::ng-deep .mat-list-base .mat-list-item{height:60px}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper{-webkit-box-flex:1;flex:1;height:auto!important;min-height:150px;padding:.5rem 0 0;background:#f2f2f2}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .mat-card-header-text{margin:0}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .mat-list-base .mat-list-item{height:28px}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .mat-list-base .mat-list-item .mat-list-item-content{padding:0}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .facet-category{line-height:28px;width:calc(100% + 16px);padding:0 8px;margin-left:-8px;margin-right:-8px}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .facet-category .facet-title{display:inline-block;width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:400;text-transform:capitalize}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .facet-category.selected{font-weight:700}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .facet-category .mat-button-wrapper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .facet-filters .mat-list-base .mat-list-item{height:auto;border:none}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .facet-filters .mat-list-base .mat-list-item:hover{background:0 0}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .facet-filters .empty-header{height:auto;border:none}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .facet-filters .mat-list-item-content{padding:0!important}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .mat-list-item+.mat-list-base{padding-top:0}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .mat-list-item+.mat-list-base .mat-list-item{background-color:transparent;border:none}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .mat-list-item+.mat-list-base .mat-list-item .facet-category{margin-left:8px;width:100%;position:relative}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .mat-list-item+.mat-list-base .mat-list-item .facet-category:before{content:\"\";position:absolute;width:8px;height:28px;left:-4px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.42)),color-stop(33%,rgba(0,0,0,.42)),color-stop(0,transparent));background-image:linear-gradient(to right,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:4px 1px;background-repeat:repeat-x;background-position-y:15px}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .mat-list-item+.mat-list-base .mat-list-item .facet-category:after{content:\"\";position:absolute;width:1px;height:28px;left:-8px;top:0;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.42)),color-stop(33%,rgba(0,0,0,.42)),color-stop(0,transparent));background-image:linear-gradient(to top,rgba(0,0,0,.42) 0,rgba(0,0,0,.42) 33%,transparent 0);background-size:1px 4px;background-repeat:repeat-y}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .mat-list-item+.mat-list-base .mat-list-item:last-child .facet-category:after{height:16px}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .mat-card-content{margin-bottom:10px}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .buttons-wrapper{display:-webkit-box;display:flex;width:100%;padding:1rem 0;-webkit-box-pack:end;justify-content:flex-end}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper .mat-list-item-content{flex-wrap:wrap;padding:1rem;height:auto}:host ::ng-deep .mat-list-base .mat-list-item.filters-wrapper.mat-list-item:hover{background:#f2f2f2}"]}]}],"members":{"perfectScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":21,"character":3},"arguments":[{"__symbolic":"reference","module":"ngx-perfect-scrollbar","name":"PerfectScrollbarDirective","line":21,"character":13},{"static":false}]}]}],"pageId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"isCommunicationCenter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"widgetsMapperFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"staticWidgets":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":42,"character":26},{"__symbolic":"reference","name":"ɵi"}]}],"ngOnChanges":[{"__symbolic":"method"}],"getWidgetConfig":[{"__symbolic":"method"}],"removeAddedItem":[{"__symbolic":"method"}],"retrieveRemovedItem":[{"__symbolic":"method"}],"clear":[{"__symbolic":"method"}],"dragStartHandler":[{"__symbolic":"method"}],"toggleFiltersMode":[{"__symbolic":"method"}],"toggleSelect":[{"__symbolic":"method"}],"storeSelectedValues":[{"__symbolic":"method"}],"setupNewWidgets":[{"__symbolic":"method"}],"setupFacets":[{"__symbolic":"method"}],"resetHiddenFacets":[{"__symbolic":"method"}],"setDragImage":[{"__symbolic":"method"}]}},"sideNavAnimation":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":3,"character":2},"arguments":["openClose",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":4,"character":4},"arguments":["none",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":4,"character":18},"arguments":[{"transform":"translateX(101%)","opacity":0,"display":"none"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":9,"character":4},"arguments":["opened",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":9,"character":20},"arguments":[{"transform":"translateX(1px)","opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":13,"character":4},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":20},"arguments":[{"transform":"translateX(100%)","opacity":0,"display":"block"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":18,"character":4},"arguments":["opened => hidden",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":19,"character":6},"arguments":["0.3s ease-out"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":21,"character":4},"arguments":["hidden => opened",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":22,"character":6},"arguments":["0.25s ease-out"]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":24,"character":4},"arguments":["none => hidden",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":25,"character":6},"arguments":[0]}]]}]]}],"animationDuration":250,"WidgetTypes":{"Calendar":"calendar","ContactManager":"contactManager","Documents":"documents","Events":"events","Links":"links","MyForms":"myForms","PartsTracker":"partsTracker","Posts":"posts","PowerBiVisual":"biVisual","Profile":"profile","PromoCodes":"promoCodes","Slideshow":"slideshow","Timeline":"timeline","twilio":"twilio","Zendesk":"zendesk"},"Collections":{"gridConfigs":"gridConfigs","commCentreGridConfigs":"commCentreGridConfigs","cmsItems":"cmsItems","moduleWidgets":"widgetModules","widgetGridConfig":"widgetGridConfig","widgetSettings":"widgetSettings","contactManagerConfigs":"contactManagerConfigs"},"FilterByPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"filterBy"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"AuthorInitialsPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"authorInitials"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"AddScrollComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"didi-add-scroll","template":"","styles":[":host{position:fixed;bottom:0;left:0;right:0;height:180px;z-index:1000}"]}]}],"members":{"elementToScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"scrollStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onEnter":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":14,"character":3},"arguments":["dragenter"]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"CmsUtilsService":{"__symbolic":"class","members":{},"statics":{"getUniqueString":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"CmsUtilsService"},"member":"randomStr"},"arguments":[25,"1234567890abcdefghijklmnopqrstuvwxyz"]}}}},"WidgetEmitData":{"__symbolic":"interface"},"WidgetObserverService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"emit":[{"__symbolic":"method"}]},"statics":{"contexts":{"CLEAR_SIDENAV":"clearSidenav","CONFIRM_MERGE_TICKET":"confirmMergeTicket","EDIT_MODE":"editMode","LOAD_MORE":"loadMore","MERGE_TICKET":"mergeTicket","OPEN_WIDGET_SETTINGS":"openWidgetSettings","PAGINATION_END":"pgEnd","REMOVE_ITEM_FROM_SIDENAV":"removeItemFromSidenav","REMOVE_WIDGET":"removeWidget","RESIZE_WIDGET_START":"resizeWidgetStart","RESIZE_WIDGET_STOP":"resizeWidgetStop","SWITCH_TO_DETAILS":"switchToDetails","SWITCH_TO_UPDATE_TICKET":"switchToUpdateTicket","TOGGLE_PANEL":"togglePanel","TWILIO_MESSAGE":"twilioMessage","UPDATE_TICKET":"updateTicket","VIEW_ALL":"viewAll","COMM_USER_DATA_READY":"commUserDataReady","COMM_USER_TOKEN_UPDATE":"commUserTokenUpdate","VIEW_ALL_ORDERS":"viewAllOrders","OPEN_ORDER_DETAILS":"openOrderDetails","CLOSE_ORDER_DIALOGS":"closeOrderDialogs","SWITCH_TO_ORDER_DETAILS":"switchToOrderDetails","CONTACT_MANAGER_NEW_SEARCH":"contactManagerNewSearch","CONTACT_MANAGER_UPDATED":"contactManagerUpdated","CONTACT_MANAGER_ADDED":"contactManagerAdded","CONTACT_MANAGER_ADDED_NEW":"contactManagerAddedNew","CONTACT_MANAGER_DELETED":"contactManagerDeleted","CONTACT_MANAGER_INVITED":"contactManagerInvited"}}},"WidgetDataToken":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":35},"arguments":["didiWidgetDataToken"]},"AllItemsPaginationSettingsToken":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":2,"character":51},"arguments":["didiAllItemsPaginationSettings"]},"ZendeskComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":22,"character":38},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":17,"character":1},"arguments":[{"selector":"didi-zendesk","template":"<section class=\"zendesk-container\">\r\n  <header [class.hidden]=\"isEditMode\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <i class=\"communication-centre-icon-search\" matPrefix></i>\r\n      <input type=\"text\" [formControl]=\"searchCtrl\" matInput placeholder=\"Search Requests\" autocomplete=\"off\">\r\n      <span matSuffix>\r\n        <mat-spinner *ngIf=\"loading\" diameter=\"20\">\r\n        </mat-spinner>\r\n\r\n        <button type=\"button\"\r\n                *ngIf=\"!loading && showClearButton\"\r\n                class=\"clear-search-button\"\r\n                mat-icon-button\r\n                (click)=\"resetSearch()\">\r\n          <i class=\"communication-centre-icon-close\"></i>\r\n        </button>\r\n      </span>\r\n    </mat-form-field>\r\n\r\n    <button type=\"button\" *ngIf=\"allowAdd\" mat-icon-button class=\"add-ticket\" (click)=\"addTicket()\">\r\n      <mat-icon>add</mat-icon>\r\n    </button>\r\n  </header>\r\n\r\n  <didi-ticket-list [widgetData]=\"data\"\r\n                    [disableScroll]=\"true\"\r\n                    [showProgressBar]=\"false\"\r\n                    [searchValue]=\"searchValue\"\r\n                    [paginate]=\"5\"\r\n                    (processing)=\"loading = $event\">\r\n  </didi-ticket-list>\r\n</section>\r\n","styles":[":host .zendesk-container{height:100%;position:relative}:host header{position:absolute;left:0;right:0;top:-48px;height:96px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0 24px;background-color:#fff}:host .communication-centre-icon-search{color:#898989;margin-right:.75rem}:host .clear-search-button{line-height:2.5rem;margin-right:-.5rem}:host .communication-centre-icon-close{font-size:.6rem;color:#a4a4a4}:host .add-ticket{margin-right:-13px;margin-left:8px}:host .add-ticket .mat-icon{width:1.43rem;height:1.43rem;font-size:1.43rem;line-height:1.43rem}:host didi-ticket-list{display:block;padding-top:30px}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix{top:0}:host .centered-watermark{min-height:100px!important}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":40,"character":5},"arguments":[{"__symbolic":"reference","name":"WidgetDataToken"}]}]],"parameters":[{"__symbolic":"reference","name":"WidgetObserverService"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":38,"character":25},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵm"}]}],"ngOnInit":[{"__symbolic":"method"}],"addTicket":[{"__symbolic":"method"}],"resetSearch":[{"__symbolic":"method"}],"listenToTwilio":[{"__symbolic":"method"}]}},"PowerBiVisualComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":24,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"didi-power-bi-visual","template":"<div class=\"bi-visual-container\" [id]=\"id\" *ngIf=\"!notAvailable && reset\"></div>\r\n<div class=\"pulsing-svg-item\" [class.loading]=\"loading\" *ngIf=\"!reportReady || notAvailable\">\r\n  <img alt=\"Loading...\"\r\n       [src]=\"chartLoaderImage\">\r\n</div>\r\n","styles":[":host{display:block;position:relative;height:100%}:host .bi-visual-container{width:100%;height:100%;padding:10px;min-height:125px}:host .bi-visual-container ::ng-deep iframe{border:none}.pulsing-svg-item{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background:#fff}.pulsing-svg-item>img{width:100px;height:100px}.pulsing-svg-item.loading>img{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:750ms;animation-duration:750ms;-webkit-animation-name:pulse;animation-name:pulse;opacity:1}@-webkit-keyframes pulse{0%{opacity:1}100%{opacity:.3}}@keyframes pulse{0%{opacity:1}100%{opacity:.3}}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":62,"character":15},"arguments":[{"__symbolic":"reference","name":"WidgetDataToken"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"WidgetObserverService"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ConfigService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":61,"character":26},{"__symbolic":"reference","name":"ɵm"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"renderReport":[{"__symbolic":"method"}],"setupWidgetConfig":[{"__symbolic":"method"}],"listenToTwilio":[{"__symbolic":"method"}],"loadEmbeddedReport":[{"__symbolic":"method"}],"clearBi":[{"__symbolic":"method"}],"updateBiContainer":[{"__symbolic":"method"}]}},"TimelineComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":15,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"didi-timeline","template":"<didi-timeline-list [disableScroll]=\"true\"></didi-timeline-list>\r\n","styles":[""]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":19,"character":15},"arguments":[{"__symbolic":"reference","name":"WidgetDataToken"}]}]],"parameters":[{"__symbolic":"reference","name":"WidgetObserverService"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵm"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"PartsTracker":{"__symbolic":"interface"},"AppFileType":{"__symbolic":"interface"},"AzureIndexResponse":{"__symbolic":"interface"},"BiData":{"__symbolic":"interface"},"CmsFile":{"__symbolic":"interface"},"CmsItem":{"__symbolic":"interface"},"CmsEmbeddedReport":{"__symbolic":"interface"},"CmsItemFilters":{"__symbolic":"interface"},"EventDateDetails":{"__symbolic":"interface"},"GalleryImage":{"__symbolic":"interface"},"ModuleType":{"__symbolic":"interface"},"ModuleWidget":{"__symbolic":"interface"},"TwilioBranch":{"__symbolic":"interface"},"TwilioBranchStream":{"__symbolic":"interface"},"SearchFacetInterface":{"__symbolic":"interface"},"SharePointIntegration":{"__symbolic":"interface"},"WidgetComponentConfig":{"__symbolic":"interface"},"WidgetConfig":{"__symbolic":"interface"},"GridItemInterface":{"__symbolic":"interface"},"GridSettings":{"__symbolic":"interface"},"CmsCompanyUser":{"__symbolic":"interface"},"CmsCustomer":{"__symbolic":"interface"},"CmsUser":{"__symbolic":"interface"},"ɵa":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":3,"character":50},"arguments":["CommunicationCentreConfig"]},"ɵb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":5,"character":6},"arguments":["communicationCentreComponentToken"]},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ConfigService"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpBackend","line":37,"character":31}]}],"getUserRoles":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"interface"},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ConfigService"}]}],"getDefaultAuthApi":[{"__symbolic":"method"}],"getCommCentreUserAuthApi":[{"__symbolic":"method"}],"getAssetKey":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":4,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpBackend","line":5,"character":23}]}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1}}],"members":{"setCommCentreUserData":[{"__symbolic":"method"}],"getCommCentreUserData":[{"__symbolic":"method"}],"clearUserData":[{"__symbolic":"method"}],"setTwilioData":[{"__symbolic":"method"}],"getTwilioData":[{"__symbolic":"method"}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpBackend","line":15,"character":31},{"__symbolic":"reference","name":"ConfigService"}]}],"liteSearch":[{"__symbolic":"method"}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":23,"character":32},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpBackend","line":24,"character":31},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ConfigService"}]}],"getCmsItemsFromIndex":[{"__symbolic":"method"}],"getWidgetList":[{"__symbolic":"method"}],"getModules":[{"__symbolic":"method"}],"getWidgetGridConfig":[{"__symbolic":"method"}],"getCommunicationCentreModules":[{"__symbolic":"method"}],"imgUpload":[{"__symbolic":"method"}],"getDefaultPowerBiService":[{"__symbolic":"method"}],"getCommCentreUserPowerBiService":[{"__symbolic":"method"}]}},"ɵj":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":25,"character":45},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"didi-all-items-dialog","template":"<div class=\"widget-header widget-wrapper header\" [class.hidden]=\"detailsMode\">\r\n  <button type=\"button\"\r\n          *ngIf=\"hasBackButton\"\r\n          mat-icon-button\r\n          class=\"arrow-back-button widget-action solo-action\"\r\n          (click)=\"goBack()\">\r\n    <mat-icon class=\"arrow\">arrow_back</mat-icon>\r\n  </button>\r\n  <h3 class=\"widget-title\" [style.marginLeft.px]=\"margin\">{{ data.title }}</h3>\r\n  <div class=\"action-buttons\">\r\n    <button type=\"button\"\r\n            class=\"widget-action solo-action\"\r\n            mat-icon-button\r\n            mat-dialog-close>\r\n      <mat-icon>close</mat-icon>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"widget-wrapper\" [class.hidden]=\"detailsMode || hideWidgetWrapper\">\r\n  <ng-template [cdkPortalOutlet]=\"data.listComponent\"></ng-template>\r\n</div>\r\n\r\n<didi-timeline-details *ngIf=\"detailsMode && widgetConfig && widgetConfig.type === timelineWidgetType\"\r\n                       [title]=\"widgetConfig.title\"\r\n                       [widgetConfig]=\"widgetConfig\"\r\n                       [cmsItem]=\"cmsItem\"\r\n                       [backButton]=\"true\"\r\n                       (back)=\"closeDetailsMode()\">\r\n</didi-timeline-details>\r\n\r\n<div class=\"widget-wrapper\" *ngIf=\"hideWidgetWrapper && ticket\" [ngSwitch]=\"ticketMode\">\r\n  <didi-ticket-details *ngSwitchCase=\"'ticketDetails'\" [ticket]=\"ticket\"></didi-ticket-details>\r\n  <didi-ticket-merge *ngSwitchCase=\"'ticketMerge'\" [ticket]=\"ticket\"></didi-ticket-merge>\r\n  <didi-ticket-confirm-merge *ngSwitchCase=\"'mergeConfirm'\"\r\n                             [sourceTicket]=\"ticket\"\r\n                             [targetTicket]=\"targetTicket\">\r\n  </didi-ticket-confirm-merge>\r\n</div>\r\n\r\n<div class=\"widget-wrapper\" *ngIf=\"hideWidgetWrapper && widgetConfig && widgetConfig.type === partsTrackerWidgetType\">\r\n  <didi-order-details [order]=\"orderDetails\" [widgetConfig]=\"widgetConfig\"></didi-order-details>\r\n</div>\r\n","styles":[":host .widget-wrapper{margin:0 -24px -24px;width:calc(100% + 48px)!important;position:relative}:host .widget-header{margin:-24px -24px 0;width:calc(100% + 48px)!important}:host .widget-modal-footer{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end;margin:0 -24px -24px;width:calc(100% + 48px)!important;height:48px;border-top:1px solid #f0f0f0;background:#fcfcfc}:host ::ng-deep .widget-action .mat-button-focus-overlay{opacity:0!important}:host ::ng-deep .mat-list.article-list{max-height:calc(86vh - 48px)}@media (max-device-width:990px){:host ::ng-deep .mat-list.article-list{max-height:calc(70vh - 48px)}}:host ::ng-deep .absolute-list{position:relative!important}:host ::ng-deep .timeline-placeholder-wrapper{max-height:175px}:host{position:relative}:host .mat-dialog-title{font-weight:400}:host .header{display:-webkit-box;display:flex;flex-wrap:nowrap;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;width:100%;border-bottom:1px solid rgba(0,0,0,.2);padding:1rem;background-color:#f5f5f5}:host .header .mat-dialog-title{margin:0;line-height:36px}:host .mat-dialog-content{margin:0;padding:1.5rem;max-height:none;height:100%;position:relative;overflow:hidden}:host .mat-dialog-content .mat-form-field{margin-bottom:1em}:host .close-button{padding:0;margin-left:auto;cursor:pointer}:host .footer{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;flex-wrap:nowrap;-webkit-box-align:center;align-items:center;width:100%;border-top:1px solid rgba(0,0,0,.2);padding:1rem;background-color:#f5f5f5}:host .widget-header{display:-webkit-box;display:flex;z-index:1;height:48px;-webkit-box-align:center;align-items:center;border-bottom:1px solid #f0f0f0;background:#fcfcfc;padding:0 0 0 24px}:host .widget-header .action-buttons{white-space:nowrap;margin-left:auto;padding:0 9px}:host .widget-header .widget-action .mat-icon{width:14px;height:14px;line-height:14px;font-size:14px;color:#a4a4a4}:host .widget-title{font-size:16px;font-weight:400;color:#000;margin-bottom:0;margin-left:-2px}:host .mat-icon-button{outline:0}:host ::ng-deep .mat-list-item-content{padding:0}:host ::ng-deep .centered-watermark{display:-webkit-box;display:flex;margin:0;height:calc(100% - 96px);min-height:200px;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;color:#aaa6a6}"]}]}],"members":{"theme":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":26,"character":3},"arguments":["class.cms-widgets-theme"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":5},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":44,"character":12}]}]],"parameters":[{"__symbolic":"reference","name":"WidgetObserverService"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"closeDetailsMode":[{"__symbolic":"method"}],"goBack":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"didi-confirm-modal","template":"<div class=\"modal-header\">\r\n  <h4 class=\"modal-title\" i18n>{{data?.title}}</h4>\r\n  <button mat-icon-button\r\n          type=\"button\"\r\n          mat-dialog-close\r\n          [disableRipple]=\"true\">\r\n    <i class=\"communication-centre-icon-close\"></i>\r\n  </button>\r\n</div>\r\n<div class=\"modal-body\" i18n>\r\n  {{data?.body}}\r\n</div>\r\n<div class=\"modal-footer\">\r\n  <button type=\"button\" mat-raised-button class=\"gray-button\" mat-dialog-close i18n>Cancel</button>\r\n  <button type=\"button\" mat-raised-button class=\"red-button\" mat-dialog-close=\"true\" i18n>Delete</button>\r\n</div>\r\n","styles":[":host{display:block;margin:-24px}:host .mat-icon-button{outline:0}:host ::ng-deep .mat-button-focus-overlay{display:none!important}:host .modal-header{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;padding:15px;border-bottom:1px solid #e4e4e4}:host .modal-footer{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:end;justify-content:flex-end;padding:15px;border-top:1px solid #e4e4e4}:host .modal-footer .red-button{margin-left:8px}:host .modal-body{position:relative;-webkit-box-flex:1;flex:1 1 auto;padding:15px;min-width:500px}:host ::ng-deep .communication-centre-icon-close{font-size:10px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":10,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/material/dialog","name":"MAT_DIALOG_DATA","line":10,"character":22}]}]],"parameters":[{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"didi-order-details","template":"<mat-list role=\"list\" *ngIf=\"order\"\r\n          class=\"article-list mat-list-base\">\r\n  <mat-list-item role=\"listitem\" class=\"article-list-item article-list-item-title header-list-item\">\r\n    <div class=\"pod-columns padding-none\" [class.order-margin]=\"data\">\r\n      <div class=\"column-title\">Sales Order</div>\r\n      <div class=\"value\">{{ order[partsTracker.salesOrder] }}</div>\r\n    </div>\r\n    <div class=\"pod-columns\">\r\n      <div class=\"column-title\">Purchase Order</div>\r\n      <div class=\"value\">{{ order[partsTracker.purchaseOrder] }}</div>\r\n    </div>\r\n    <div class=\"pod-columns\">\r\n      <div class=\"column-title\">Date</div>\r\n      <div class=\"value\">{{ order[partsTracker.date] }}</div>\r\n    </div>\r\n    <div class=\"pod-columns\">\r\n      <div class=\"column-title\">Order Status</div>\r\n      <div class=\"value\">{{ order[partsTracker.orderStatus] }}</div>\r\n    </div>\r\n    <div class=\"pod-columns\">\r\n      <div class=\"column-title\">Total Value</div>\r\n      <div class=\"value\">{{ order[partsTracker.totalValue] }}</div>\r\n    </div>\r\n    <div class=\"pod-columns\">\r\n      <div class=\"column-title\">Currency</div>\r\n      <div class=\"value\">{{ order[partsTracker.currency] }}</div>\r\n    </div>\r\n  </mat-list-item>\r\n</mat-list>\r\n\r\n<mat-list role=\"list\" *ngIf=\"order\"\r\n          class=\"article-list mat-list-base\" [class.order-details-base]=\"!data\"\r\n          [perfectScrollbar]=\"{ suppressScrollX: true, suppressScrollY: false }\">\r\n  <mat-list-item class=\"article-list-item parts-title header-list-item\">\r\n    <div class=\"order-columns column-title\" [class.order-margin]=\"data\">Part Number</div>\r\n    <div class=\"order-columns column-title\">Description</div>\r\n    <div class=\"order-columns column-title\">Ordered Qty</div>\r\n    <div class=\"order-small-columns column-title\">Status</div>\r\n    <div class=\"order-columns column-title\">Tracking ID</div>\r\n    <div class=\"order-columns column-title track-columns\">Track Order</div>\r\n  </mat-list-item>\r\n  <mat-list-item *ngFor=\"let item of order['items']\" class=\"article-list-item parts\">\r\n    <div class=\"order-columns\" [class.order-margin]=\"data\">{{ item[partsTracker.partNumber] }}</div>\r\n    <div class=\"order-columns\">{{ item[partsTracker.partDescription] }}</div>\r\n    <div class=\"order-columns\">{{ item[partsTracker.orderedQty] }}</div>\r\n    <div class=\"order-small-columns\">{{ item[partsTracker.status] }}</div>\r\n    <div class=\"order-columns\">\r\n      <div class=\"copy-link\"\r\n           (click)=\"copyLink(item[partsTracker.trackingId])\" matTooltip=\"Copy to Clipboard\">\r\n        {{ item[partsTracker.trackingId] }}\r\n      </div>\r\n    </div>\r\n    <div class=\"order-track-column\">\r\n      <ng-container *ngIf=\"item[partsTracker.trackingId]\">\r\n        <div *ngIf=\"item[partsTracker.url] && item[partsTracker.url]?.includes('http'); else contactDealerTemplate\">\r\n          <a target=\"_blank\" href=\"{{ item[partsTracker.url] }}\">\r\n            <i class=\"icon-outgoing-link\"></i>\r\n          </a>\r\n        </div>\r\n        <ng-template #contactDealerTemplate>\r\n          <div>\r\n            Contact your dealer\r\n          </div>\r\n        </ng-template>\r\n      </ng-container>\r\n    </div>\r\n  </mat-list-item>\r\n</mat-list>\r\n","styles":[":host ::ng-deep .mat-list.article-list:not(:first-of-type){padding:0 15px 15px;background-color:transparent}:host ::ng-deep .mat-list.article-list:not(:first-of-type) .mat-list-item{padding:0!important}:host ::ng-deep .mat-list.article-list.order-details-base{padding:0 10px 10px}:host ::ng-deep .mat-list.article-list.order-details-base .mat-list-item{padding:0 5px!important}:host ::ng-deep .mat-list.article-list.order-details-base .mat-list-item:last-of-type{border-bottom:none!important}:host ::ng-deep .mat-list-item-content{height:100%!important;border-bottom:none}:host ::ng-deep .article-list-item:nth-child(2n){background-color:#f9f9f9}:host .mat-list-item{cursor:default;border-bottom:1px solid #f4f4f4!important}:host .article-list-item{min-height:65px;max-height:65px}:host .article-list-item-title{min-height:88px;max-height:95px}.order-margin{margin-left:.7rem}.pod-columns{width:20%;border-right:1px solid #f0f0f0;padding-left:1rem}.padding-none{padding-left:0}.pod-columns:last-child{border-right:none}.header-list-item .column-title{color:#4c4c4c!important;opacity:70%;font-size:.86rem!important}.header-list-item .value{font-size:1.15rem!important}.value{font-size:1.15rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:7px}.order-columns{width:20%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:7px}.order-small-columns{width:15%}.track-columns{width:10%;word-break:break-word;text-align:center}.order-track-column{width:10%;word-break:break-word}.parts{font-size:13px!important;color:#6f6f6f}.parts-title{font-size:13px}.mat-list-base{padding-top:0}.copy-link{cursor:pointer;color:#7ec0fb}"]}]}],"members":{"order":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"widgetConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":18,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":18,"character":27},"arguments":[{"__symbolic":"reference","name":"WidgetDataToken"}]}],null],"parameters":[{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":19,"character":32}]}],"ngOnInit":[{"__symbolic":"method"}],"copyLink":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"interface"},"ɵn":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":38,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":33,"character":1},"arguments":[{"selector":"didi-order-list","template":"<ng-container *ngIf=\"!isDialogOpen; else partsTrackerDialog\">\r\n  <div class=\"parts-list-wrapper\">\r\n    <div class=\"parts-list-header\" *ngIf=\"!tokenPending\">\r\n      <mat-form-field appearance=\"outline\">\r\n        <i class=\"communication-centre-icon-search\" matPrefix></i>\r\n        <input type=\"text\" [formControl]=\"search\" matInput placeholder=\"Search Sales Orders\" autocomplete=\"off\">\r\n        <span matSuffix>\r\n        <mat-spinner *ngIf=\"loading\" diameter=\"20\">\r\n        </mat-spinner>\r\n\r\n        <button type=\"button\"\r\n                *ngIf=\"!loading && showClearButton && search?.value\"\r\n                class=\"clear-search-button\"\r\n                mat-icon-button\r\n                (click)=\"clearCtrl()\">\r\n          <i class=\"communication-centre-icon-close\"></i>\r\n        </button>\r\n      </span>\r\n      </mat-form-field>\r\n    </div>\r\n\r\n    <div class=\"watermark centered-watermark\"\r\n         *ngIf=\"!tokenPending && noResultLabel && !loading && !orders?.length\">\r\n      {{noResultLabel}}\r\n    </div>\r\n\r\n    <didi-parts-tracker-placeholder *ngIf=\"tokenPending\"></didi-parts-tracker-placeholder>\r\n\r\n    <div class=\"table\" *ngIf=\"orders?.length && !loading && !tokenPending\">\r\n      <mat-list role=\"list\" class=\"list\">\r\n        <mat-list-item role=\"listitem\" class=\"list-items header-row\">\r\n          <div class=\"date-column\">SALES ORDER</div>\r\n          <div class=\"pod-columns-b\">PURCHASE ORDER</div>\r\n          <div class=\"date-column\">DATE</div>\r\n          <div class=\"pod-columns status-column status-padding\">STATUS</div>\r\n        </mat-list-item>\r\n      </mat-list>\r\n\r\n      <mat-list role=\"list\" class=\"list item-table\"\r\n                [perfectScrollbar]=\"{ suppressScrollX: true, suppressScrollY: true }\">\r\n        <mat-list-item *ngFor=\"let order of orders.slice(0, 6)\"\r\n                       role=\"listitem\" class=\"list-items table-row\" (click)=\"orderDetails(order)\">\r\n          <div class=\"date-column\">{{ order[partsTracker.salesOrder] }}</div>\r\n          <div class=\"pod-columns-b\">{{ order[partsTracker.purchaseOrder] }}</div>\r\n          <div class=\"date-column\">{{ order[partsTracker.date] }}</div>\r\n          <div class=\"pod-columns status-column\">{{ order[partsTracker.orderStatus] }}</div>\r\n        </mat-list-item>\r\n      </mat-list>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n\r\n\r\n<ng-template #partsTrackerDialog>\r\n  <mat-progress-bar class=\"hidden-progress-bar\"\r\n                    [class.visible]=\"loading\"\r\n                    [mode]=\"'indeterminate'\"></mat-progress-bar>\r\n\r\n  <mat-form-field appearance=\"legacy\" floatLabel=\"never\" class=\"all-items-search\" *ngIf=\"!tokenPending\">\r\n    <span matPrefix>\r\n      <i class=\"icon communication-centre-icon-search\"></i>\r\n    </span>\r\n    <input type=\"search\" name=\"search\" matInput\r\n           placeholder=\"{{ placeholder }}\" [formControl]=\"search\">\r\n  </mat-form-field>\r\n\r\n  <mat-list role=\"list\" *ngIf=\"orders?.length\"\r\n            class=\"article-list mat-list-base\">\r\n    <mat-list-item role=\"listitem\" class=\"article-list-item header-list-item\">\r\n      <div class=\"pod-columns\">SALES NO.</div>\r\n      <div class=\"pod-columns\">PURCHASE NO.</div>\r\n      <div class=\"pod-columns\">DATE</div>\r\n      <div class=\"pod-columns\">STATUS</div>\r\n      <div class=\"pod-columns\">TOTAL VALUE</div>\r\n      <div class=\"pod-columns\">CURRENCY</div>\r\n    </mat-list-item>\r\n  </mat-list>\r\n\r\n  <mat-list role=\"list\" *ngIf=\"orders?.length\"\r\n            class=\"article-list mat-list-base\"\r\n            [perfectScrollbar]=\"{ suppressScrollX: true, suppressScrollY: false }\"\r\n            (psYReachEnd)=\"scrollEnd()\">\r\n    <mat-list-item *ngFor=\"let order of orders\" role=\"listitem\"\r\n                   class=\"article-list-item list-item\" (click)=\"orderDetails(order)\">\r\n      <div class=\"pod-columns\">{{ order[partsTracker.salesOrder] }}</div>\r\n      <div class=\"pod-columns\">{{ order[partsTracker.purchaseOrder] }}</div>\r\n      <div class=\"pod-columns\">{{ order[partsTracker.date] }}</div>\r\n      <div class=\"pod-columns\">{{ order[partsTracker.orderStatus] }}</div>\r\n      <div class=\"pod-columns\">{{ order[partsTracker.totalValue] }}</div>\r\n      <div class=\"pod-columns\">{{ order[partsTracker.currency] }}</div>\r\n    </mat-list-item>\r\n  </mat-list>\r\n\r\n  <p class=\"watermark centered-watermark\" *ngIf=\"!orders?.length\">No Records Found</p>\r\n</ng-template>\r\n","styles":["a{text-decoration:none;color:#7ec0fb}.parts-list-header{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:0 24px;background-color:#fff;margin-bottom:auto}.communication-centre-icon-search{color:#898989;margin-right:.75rem}.clear-search-button{line-height:2.5rem;margin-right:-.5rem}.communication-centre-icon-close{font-size:.6rem;color:#a4a4a4}.no-results{position:absolute;top:58px;left:0;bottom:14px;right:0;-webkit-box-flex:1;flex:1;padding:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;text-align:center;color:#898989;font-size:15px}.parts-list-wrapper{display:-webkit-box;display:flex;z-index:123;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;padding-top:1rem;height:100%;position:relative}.parts-list-wrapper .text-wrapper{display:-webkit-box;display:flex;position:absolute;height:32px;bottom:5px;right:10px;-webkit-box-align:center;align-items:center}.parts-list-wrapper .text-wrapper .info-message{font-size:11px;font-family:Roboto,serif;color:#b1b1b1;text-align:center;padding:0 .7rem 0 0;display:none;-webkit-transition:1s;transition:1s}.parts-list-wrapper .text-wrapper:hover .info-message{display:block}.parts-list-wrapper .icon-info:before{font-size:18px;color:#adadad;cursor:pointer}.parts-list-wrapper .icon-info{margin:auto}.parts-list-wrapper .parts-tracker-title{font-size:1.8rem;color:#fcc72c;text-align:center;z-index:123}.parts-list-wrapper .description{font-size:1.15rem;color:#fff;text-align:center;margin-bottom:1rem;z-index:123}.parts-list-wrapper .status-column{text-align:right;padding-right:1rem}.parts-list-wrapper .status-padding{padding-right:1rem}.parts-list-wrapper .view-all-orders{font-size:1rem;color:#fff;opacity:60%;text-align:center;cursor:pointer;margin-top:1rem;margin-bottom:4rem}.parts-list-wrapper .table{padding:.2rem 25px 0;min-height:0;overflow:hidden;position:relative;-webkit-box-flex:1;flex:1}.parts-list-wrapper .table .item-table{height:calc(100% - 48px);position:relative}.parts-list-wrapper .table .item-table:before{content:\"\";position:absolute;bottom:0;height:45px;width:100%;left:0;background-image:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(20%,rgba(255,255,255,.95)),to(transparent));background-image:linear-gradient(0,rgba(255,255,255,.95) 20%,transparent 100%);z-index:3;pointer-events:none}.parts-list-wrapper .table .loading-indicator{height:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.parts-list-wrapper .header-row{text-transform:uppercase;color:#000;font-size:12px!important;font-weight:700}.parts-list-wrapper .pod-columns-b{width:30%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:7px}.parts-list-wrapper .date-column{width:25%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:7px;padding-left:10px}.list-items div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.all-items-search{position:absolute;z-index:3;left:8.3rem;padding-left:24px;max-width:80%;color:#6f6f6f;border-radius:0;border-left:1px solid #f0f0f0;background-color:#fcfcfc!important;font-size:1rem;right:0;top:-38px;height:28px}.article-list-item:nth-child(2n){background-color:#f9f9f9}.pod-columns{width:20%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:7px}.article-list-item{min-height:65px;max-height:65px}.header-list-item div{font-size:.8rem!important;color:#000}.list-item div{font-size:.92rem;color:#6f6f6f}:host{padding-bottom:48px;display:block;height:100%}:host .image-wrapper{display:block;position:absolute;top:50%;bottom:0;max-height:calc(174px + 1rem);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;height:80%;text-align:center}:host .image-wrapper>img{height:calc(100% - 24px - 1rem);bottom:0}:host .search-placeholder-image{display:block;-webkit-box-flex:1;flex:1;position:relative}:host .search-placeholder-image .search-watermark{font-size:16px;color:#a4a4a4;margin:1rem 0 0}:host.remove-bottom-padding{padding-bottom:0}:host .mat-list.article-list{position:relative}:host .mat-list.article-list .article-list-item{cursor:pointer}:host .no-results{position:static!important}:host .all-items-search ::ng-deep .mat-form-field-infix{border:none}:host ::ng-deep .mat-progress-bar-fill::after{background-color:#568ac5}:host ::ng-deep .mat-progress-bar-buffer{background:rgba(86,138,197,.1)}:host ::ng-deep .mat-progress-bar-background{fill:transparent}:host ::ng-deep .hidden-progress-bar{visibility:hidden;-webkit-box-flex:0;flex:0 0 auto}:host ::ng-deep .hidden-progress-bar.visible{visibility:visible}:host ::ng-deep .mat-progress-bar{height:2px}:host ::ng-deep .mat-form-field-suffix{top:0!important}:host ::ng-deep .mat-form-field-label-wrapper{overflow:initial}:host ::ng-deep .mat-form-field-label{color:#6f6f6f}:host ::ng-deep .mat-form-field-appearance-legacy .mat-form-field-underline{display:none}:host ::ng-deep .mat-input-element{caret-color:#6f6f6f;text-overflow:ellipsis}:host ::ng-deep .mat-form-field.mat-focused .mat-form-field-label{color:#6f6f6f}:host ::ng-deep .mat-list-item-content{height:100%!important;border-bottom:none!important}:host ::ng-deep .mat-list-item{border-bottom:1px solid #f4f4f4!important;padding:0 15px!important}:host ::ng-deep .mat-list-base{padding-top:0}:host ::ng-deep .mat-spinner.mat-progress-spinner circle{stroke:#568ac5;stroke-width:1px!important}:host ::ng-deep .table mat-list .mat-list-item{padding:0!important}:host ::ng-deep .table mat-list .mat-list-item .mat-list-item-content{width:100%;margin:0 auto}.list-items{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;border-bottom:1px solid #f4f4f4!important;background-color:transparent;-webkit-transition:background-color .18s ease-out;transition:background-color .18s ease-out;color:#6f6f6f;min-height:48px;max-height:65px}.list-items:hover{background-color:#f9f9f9}.list-items.table-row{cursor:pointer}.icon{margin-right:.75rem;position:relative;top:2px}.clear-icon{font-size:1.125rem;color:#6f6f6f}"]}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":["input",{"static":false}]}]}],"hasText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":3}}]}],"allItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":43,"character":3}}]}],"searchChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":44,"character":3}}]}],"removeBottomMargin":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":46,"character":3},"arguments":["class.remove-bottom-padding"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":75,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":75,"character":27},"arguments":[{"__symbolic":"reference","name":"AllItemsPaginationSettingsToken"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":76,"character":15},"arguments":[{"__symbolic":"reference","name":"WidgetDataToken"}]}]],"parameters":[{"__symbolic":"reference","name":"WidgetObserverService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":68,"character":26},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":69,"character":30},{"__symbolic":"reference","name":"ConfigService"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":69,"character":30},null,{"__symbolic":"reference","name":"ɵm"}]}],"ngOnInit":[{"__symbolic":"method"}],"clearCtrl":[{"__symbolic":"method"}],"viewAll":[{"__symbolic":"method"}],"orderDetails":[{"__symbolic":"method"}],"scrollEnd":[{"__symbolic":"method"}],"listenToTwilio":[{"__symbolic":"method"}],"clearToken":[{"__symbolic":"method"}]}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpBackend","line":11,"character":31},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ConfigService"}]}],"liteSearch":[{"__symbolic":"method"}],"getHeaders":[{"__symbolic":"method"}]}},"ɵp":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":17,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"didi-parts-tracker","template":"<div class=\"parts-tracker-wrapper\">\r\n  <didi-order-list (allItems)=\"viewAll()\"\r\n                   (searchChanged)=\"toggleOverlay($event)\"\r\n                   [hasText]=\"hasText\">\r\n  </didi-order-list>\r\n</div>\r\n","styles":[".parts-tracker-wrapper{height:100%;position:relative}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":24,"character":15},"arguments":[{"__symbolic":"reference","name":"WidgetDataToken"}]}]],"parameters":[{"__symbolic":"reference","name":"WidgetObserverService"},{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵm"}]}],"ngOnInit":[{"__symbolic":"method"}],"toggleOverlay":[{"__symbolic":"method"}],"viewAll":[{"__symbolic":"method"}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":9,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/material","name":"MatDialog","line":11,"character":30}]}],"open":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":25,"character":50},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"didi-ticket-details","template":"<mat-progress-bar class=\"hidden-progress-bar progress-bar\"\r\n                  [class.visible]=\"processing\"\r\n                  mode=\"indeterminate\">\r\n</mat-progress-bar>\r\n\r\n<form [formGroup]=\"ticketForm\" class=\"details-container\" (ngSubmit)=\"saveTicket()\">\r\n  <div class=\"controls-block\">\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Assignee</mat-label>\r\n      <mat-select formControlName=\"assignee_id\">\r\n        <mat-option *ngFor=\"let user of assignees\" [value]=\"user.id\">{{ user.name }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Priority</mat-label>\r\n      <mat-select formControlName=\"priority\" panelClass=\"capitalize\">\r\n        <mat-option *ngFor=\"let priority of ticketPriorities\" [value]=\"priority\">{{ priority }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Status</mat-label>\r\n      <mat-select formControlName=\"status\" panelClass=\"capitalize\">\r\n        <mat-option *ngFor=\"let status of ticketStatuses\" [value]=\"status\">{{ status }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\">\r\n      <mat-label>Tags</mat-label>\r\n      <mat-select multiple=\"true\" formControlName=\"tags\" panelClass=\"cms-widgets-theme\" [compareWith]=\"compareFn\">\r\n        <mat-option *ngFor=\"let tag of tagOptions\" [value]=\"tag\">{{ tag }}</mat-option>\r\n      </mat-select>\r\n    </mat-form-field>\r\n\r\n    <mat-form-field appearance=\"outline\" class=\"no-select-arrow\" didiRemoveDisabledClass (click)=\"requesterClick()\">\r\n      <mat-label>Requester</mat-label>\r\n      <mat-select formControlName=\"requester_id\" didiRemoveDisabledClass>\r\n        <mat-option *ngFor=\"let user of requesters\" [value]=\"user.id\">{{ user.name }}</mat-option>\r\n      </mat-select>\r\n\r\n      <span matSuffix>\r\n        <mat-spinner *ngIf=\"updatingRequester\" diameter=\"20\">\r\n        </mat-spinner>\r\n      </span>\r\n    </mat-form-field>\r\n  </div>\r\n\r\n  <div class=\"comments-block\">\r\n    <perfect-scrollbar *ngIf=\"ticket\">\r\n      <div class=\"ticket-comment\" *ngFor=\"let comment of comments; trackBy: commentsTrackBy\">\r\n        <div class=\"comment-icon\">{{ comment.author?.name | authorInitials }}</div>\r\n        <div class=\"comment-body\">\r\n          <div class=\"comment-info\">\r\n            <span class=\"comment-author\">{{ comment.author?.name }}</span>\r\n            <span class=\"comment-date\">{{ comment.created_at | commentDate }}</span>\r\n            <span class=\"comment-tag\" *ngIf=\"!comment.public\">Internal Note</span>\r\n          </div>\r\n          <div class=\"comment-message\">{{ comment.body }}</div>\r\n          <ul class=\"comment-attachments\">\r\n            <li *ngFor=\"let file of comment.attachments\">\r\n              <a [href]=\"file.content_url\" [download]=\"file.file_name\" target=\"_blank\">{{ file.file_name }}</a>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n    </perfect-scrollbar>\r\n\r\n    <mat-form-field appearance=\"outline\" class=\"ticket-subject\" *ngIf=\"!ticket\">\r\n      <mat-label>Subject</mat-label>\r\n      <input type=\"text\" matInput formControlName=\"subject\" autocomplete=\"off\">\r\n    </mat-form-field>\r\n\r\n    <mat-button-toggle-group name=\"isPublic\" formControlName=\"isPublicComment\">\r\n      <mat-button-toggle [value]=\"true\" disableRipple=\"true\">Public Reply</mat-button-toggle>\r\n      <mat-button-toggle [value]=\"false\" disableRipple=\"true\">Internal Note</mat-button-toggle>\r\n    </mat-button-toggle-group>\r\n\r\n    <mat-form-field appearance=\"outline\" class=\"comment-input\">\r\n      <textarea matInput\r\n                formControlName=\"comment\"\r\n                cdkTextareaAutosize=\"true\"\r\n                cdkAutosizeMinRows=\"5\"\r\n                cdkAutosizeMaxRows=\"10\"></textarea>\r\n\r\n      <div class=\"attachments\" (click)=\"$event.stopPropagation()\">\r\n        <ul>\r\n          <li *ngFor=\"let file of files; index as i\">\r\n            <span>{{ file.file_name }}</span>\r\n            <button type=\"button\" mat-icon-button disableRipple=\"true\" (click)=\"removeAttachment(file.uploadToken, i)\">\r\n              <mat-icon>close</mat-icon>\r\n            </button>\r\n          </li>\r\n\r\n          <mat-spinner *ngIf=\"uploading\" [diameter]=\"24\"></mat-spinner>\r\n        </ul>\r\n\r\n        <label>\r\n          <i class=\"icon-attachment\"></i>\r\n          <input type=\"file\" class=\"cdk-visually-hidden\" (change)=\"addAttachment($event)\">\r\n        </label>\r\n      </div>\r\n    </mat-form-field>\r\n\r\n    <div class=\"ticket-actions\">\r\n      <button type=\"button\" mat-icon-button *ngIf=\"ticket\" [disabled]=\"processing\" (click)=\"mergeTicket()\">\r\n        <mat-icon class=\"merge-icon\">merge_type</mat-icon>\r\n      </button>\r\n\r\n      <button type=\"submit\" mat-raised-button [disabled]=\"ticketForm.invalid || processing\">\r\n        Submit\r\n      </button>\r\n    </div>\r\n  </div>\r\n</form>\r\n","styles":[":host textarea{padding:0}:host ul{margin:0;padding:0;list-style:none}:host .details-container{display:-webkit-box;display:flex;margin-top:-2px}:host .controls-block{-webkit-box-flex:0;flex:0 0 33%;padding:1.5rem;border-right:1px solid #f0f0f0;background:#fcfcfc}:host .controls-block .mat-form-field:not(:last-child){margin-bottom:1.5rem}:host .controls-block ::ng-deep .mat-select[panelClass~=capitalize] .mat-select-value{text-transform:capitalize}:host .comments-block{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-flex:1;flex:1 1 auto;padding:.5rem 0 1.5rem;min-width:1px}:host .comments-block perfect-scrollbar{height:350px;border-bottom:1px solid #f0f0f0}:host .comments-block .ticket-subject{width:auto;margin:1rem 1.5rem .5rem}:host .comments-block .comment-input{width:auto;margin:0 1.5rem 1.5rem}:host .comments-block .comment-input ::ng-deep .mat-form-field-infix{padding-bottom:.75rem}:host .comments-block .attachments{display:-webkit-box;display:flex;-webkit-box-align:end;align-items:flex-end}:host .comments-block .attachments ul{-webkit-box-flex:1;flex:1 1 auto;display:-webkit-box;display:flex;flex-wrap:wrap;min-width:1px}:host .comments-block .attachments li{padding:2px 0 2px .5rem;color:#a4a4a4;background-color:#efefef;font-size:.85rem;margin:.25rem;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;min-width:1px;border-radius:3px}:host .comments-block .attachments li span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:20px}:host .comments-block .attachments .mat-icon-button{width:20px;height:20px;line-height:20px;color:#a4a4a4}:host .comments-block .attachments .mat-icon-button .mat-icon{display:block;margin:0 auto;width:16px;height:16px;line-height:16px;font-size:16px}:host .comments-block .attachments .mat-spinner{margin:.25rem}:host .comments-block .attachments label{-webkit-box-flex:0;flex:0 0 auto;margin:.25rem 0 0 .5rem;cursor:pointer}:host .comments-block .attachments label i{font-size:24px;color:#a4a4a4}:host .comments-block .mat-button-toggle{border:none}:host .comments-block .mat-button-toggle-group{border:none;border-radius:0;margin:0 calc(1.5rem - 12px)}:host .comments-block ::ng-deep .mat-button-toggle-button{outline:0}:host .comments-block ::ng-deep .mat-button-toggle-focus-overlay{display:none}:host .comments-block ::ng-deep .mat-button-toggle-label-content{text-transform:uppercase;color:#adadad}:host .comments-block ::ng-deep .mat-button-toggle-checked{background-color:#fff}:host .comments-block ::ng-deep .mat-button-toggle-checked .mat-button-toggle-label-content{color:#626262}:host .ticket-comment{display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;padding:1rem;margin-right:1.5rem;margin-left:1.5rem}:host .ticket-comment:not(:last-of-type){border-bottom:1px solid #f0f0f0}:host .ticket-comment .comment-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:#fff;background-color:#dcdada;font-size:1.2rem;font-weight:500;margin-right:1rem}:host .ticket-comment .comment-body{min-width:1px;-webkit-box-flex:1;flex-grow:1;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host .ticket-comment .comment-info{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}:host .ticket-comment .comment-author{font-weight:500;margin-right:.5rem}:host .ticket-comment .comment-date{font-size:.85rem}:host .ticket-comment .comment-tag{margin-left:auto;color:#fff;background-color:#dcdada;height:1.3rem;line-height:1.3rem;display:inline-block;padding:0 .75rem;border-radius:.75rem;font-size:.85rem}:host .ticket-comment .comment-message{white-space:pre-wrap;overflow-wrap:break-word}:host .ticket-comment .comment-attachments{display:-webkit-box;display:flex;flex-wrap:wrap;min-width:1px;margin:1rem -.25rem -.25rem}:host .ticket-comment .comment-attachments li{padding:.25rem .5rem;background-color:#efefef;border-radius:3px;font-size:.85rem;margin:.25rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .ticket-comment .comment-attachments a{color:#a4a4a4}:host .ticket-actions{margin-left:auto;padding:0 1.5rem}:host .ticket-actions>:not(:last-child){margin-right:1rem}:host .ticket-actions .merge-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#a4a4a4}:host ::ng-deep .mat-form-field-appearance-outline .mat-form-field-suffix{top:0}::ng-deep .capitalize .mat-option{text-transform:capitalize}"]}]}],"members":{"ticket":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":49,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":49,"character":17},"arguments":[{"__symbolic":"reference","name":"WidgetDataToken"}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":45,"character":16},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":47,"character":20},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":48,"character":22},{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"WidgetObserverService"},{"__symbolic":"reference","module":"@digitaldealers/contact-manager","name":"ContactManagerDialogService","line":51,"character":41}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"commentsTrackBy":[{"__symbolic":"method"}],"saveTicket":[{"__symbolic":"method"}],"requesterClick":[{"__symbolic":"method"}],"addAttachment":[{"__symbolic":"method"}],"removeAttachment":[{"__symbolic":"method"}],"mergeTicket":[{"__symbolic":"method"}],"createForm":[{"__symbolic":"method"}],"configForm":[{"__symbolic":"method"}],"closeDialog":[{"__symbolic":"method"}],"getAssignees":[{"__symbolic":"method"}],"getRequesters":[{"__symbolic":"method"}],"getComments":[{"__symbolic":"method"}],"addRequiredValidator":[{"__symbolic":"method"}]},"statics":{"selectCompare":{"__symbolic":"function","parameters":["val1","val2"],"value":{"__symbolic":"binop","operator":"===","left":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"val1"},"right":""},"member":"toLowerCase"}},"right":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"binop","operator":"||","left":{"__symbolic":"reference","name":"val2"},"right":""},"member":"toLowerCase"}}}}}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":22,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"setZendesk":[{"__symbolic":"method"}],"getTicketList":[{"__symbolic":"method"}],"getTicket":[{"__symbolic":"method"}],"getTickets":[{"__symbolic":"method"}],"searchUser":[{"__symbolic":"method"}],"createUser":[{"__symbolic":"method"}],"searchTicketsByUser":[{"__symbolic":"method"}],"refreshList":[{"__symbolic":"method"}],"createTicket":[{"__symbolic":"method"}],"updateTicket":[{"__symbolic":"method"}],"getAudits":[{"__symbolic":"method"}],"getTicketComments":[{"__symbolic":"method"}],"getUsers":[{"__symbolic":"method"}],"getUser":[{"__symbolic":"method"}],"uploadAttachment":[{"__symbolic":"method"}],"removeAttachment":[{"__symbolic":"method"}],"mergeTickets":[{"__symbolic":"method"}],"getJobStatus":[{"__symbolic":"method"}],"assignAgentToTicket":[{"__symbolic":"method"}],"searchTickets":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":31,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":26,"character":1},"arguments":[{"selector":"didi-ticket-list","template":"<div class=\"spinner-wrapper\" *ngIf=\"showProgressBar && loading\">\r\n  <mat-spinner [diameter]=\"30\"></mat-spinner>\r\n</div>\r\n\r\n<ul class=\"tickets absolute-list\"\r\n    *ngIf=\"ticketList?.length\"\r\n    [perfectScrollbar]=\"{ suppressScrollX: true, suppressScrollY: disableScroll }\">\r\n  <li *ngFor=\"let ticket of ticketList; trackBy: ticketsTrackBy\">\r\n    <didi-ticket-item [ticket]=\"ticket\"\r\n                      [currentTask]=\"widgetData?.communicationCentre && currentTaskId === ticket.id\"\r\n                      (click)=\"showDetail(ticket)\">\r\n    </didi-ticket-item>\r\n  </li>\r\n</ul>\r\n\r\n<p class=\"watermark centered-watermark\" *ngIf=\"!ticketList?.length || loading\">\r\n  <span *ngIf=\"!loading\">No tickets</span>\r\n</p>\r\n","styles":[":host .spinner-wrapper{position:absolute;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;height:100%}:host .tickets{width:100%;max-height:calc(86vh - 48px);list-style:none;padding:0;margin:0}:host .absolute-list{position:absolute}:host li{height:67px;padding:0 24px;width:100%}:host li:hover{background-color:#f9f9f9;cursor:pointer}:host li:not(:last-of-type) didi-ticket-item{border-bottom:1px solid #f4f4f4}:host didi-ticket-item{height:100%}"]}]}],"members":{"disableScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":3}}]}],"paginate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":33,"character":3}}]}],"widgetData":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":3}}]}],"showProgressBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":35,"character":3}}]}],"searchValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":36,"character":3}}]}],"processing":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":52,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":52,"character":17},"arguments":[{"__symbolic":"reference","name":"WidgetDataToken"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"WidgetObserverService"},{"__symbolic":"reference","name":"ConfigService"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":51,"character":20},{"__symbolic":"reference","name":"ɵm"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ticketsTrackBy":[{"__symbolic":"method"}],"showDetail":[{"__symbolic":"method"}],"getTickets":[{"__symbolic":"method"}],"listenToTwilio":[{"__symbolic":"method"}],"getAllTickets":[{"__symbolic":"method"}],"getUserTickets":[{"__symbolic":"method"}],"getComments":[{"__symbolic":"method"}],"assignCurrentUser":[{"__symbolic":"method"}],"setProgress":[{"__symbolic":"method"}],"resetState":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":5,"character":1},"arguments":[{"name":"commentDate"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":26,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"didi-document-item","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":24,"character":19},"member":"OnPush"},"template":"<i class=\"document-icon cms-icon-excel\" *ngIf=\"document.file?.type?.isExcel\">\r\n  <span class=\"path1\"></span>\r\n  <span class=\"path2\"></span>\r\n  <span class=\"path3\"></span>\r\n  <span class=\"path4\"></span>\r\n</i>\r\n<i class=\"document-icon cms-icon-word\" *ngIf=\"document.file?.type?.isWord\">\r\n  <span class=\"path1\"></span>\r\n  <span class=\"path2\"></span>\r\n  <span class=\"path3\"></span>\r\n  <span class=\"path4\"></span>\r\n  <span class=\"path5\"></span>\r\n</i>\r\n<i class=\"document-icon cms-icon-pdf\" *ngIf=\"document.file?.type?.isPdf\">\r\n  <span class=\"path1\"></span>\r\n  <span class=\"path2\"></span>\r\n  <span class=\"path3\"></span>\r\n  <span class=\"path4\"></span>\r\n  <span class=\"path5\"></span>\r\n  <span class=\"path6\"></span>\r\n</i>\r\n<i class=\"document-icon cms-icon-file\" *ngIf=\"document.file?.type?.isOther\">\r\n  <span class=\"path1\"></span>\r\n  <span class=\"path2\"></span>\r\n  <span class=\"path3\"></span>\r\n  <span class=\"path4\"></span>\r\n  <span class=\"path5\"></span>\r\n  <span class=\"path6\"></span>\r\n</i>\r\n<div class=\"article-body\">\r\n  <h4 class=\"article-title\">{{ document.title }}</h4>\r\n  <p class=\"article-text\">\r\n    <span class=\"file-name\" *ngIf=\"fileName\">{{fileName}}<span class=\"file-res\">.{{fileRes}}</span></span>\r\n    <span class=\"file-size\">{{document.file?.sizeKb}} kb</span>\r\n  </p>\r\n</div>\r\n","styles":[":host{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;width:100%}.article-body{width:100%}.article-text{display:-webkit-box;display:flex;flex-wrap:nowrap;position:relative;top:.1rem}.article-title{position:relative;top:.18rem}.file-name{display:inline-block;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{white-space:nowrap}.document-icon{font-size:32px;margin-right:7px}"]}]}],"members":{"document":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"directDownload":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":3}}]}],"downloadInProcess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpBackend","line":36,"character":31},{"__symbolic":"reference","name":"ɵe"}]}],"onClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":42,"character":3},"arguments":["click"]}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"downloadFile":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":18,"character":46},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"didi-timeline-details","template":"<div class=\"timeline-details-wrapper\" perfectScrollbar  *ngIf=\"!isMobile\">\r\n  <ng-container [ngTemplateOutlet]=\"detailsContent\"></ng-container>\r\n</div>\r\n\r\n<div class=\"timeline-details-wrapper\" *ngIf=\"isMobile\">\r\n  <ng-container [ngTemplateOutlet]=\"detailsContent\"></ng-container>\r\n</div>\r\n\r\n<ng-template #detailsContent>\r\n  <button *ngIf=\"backButton\"\r\n          class=\"back-button\"\r\n          mat-icon-button\r\n          type=\"button\"\r\n          (click)=\"back.emit()\">\r\n    <mat-icon>arrow_back</mat-icon>\r\n  </button>\r\n  <button class=\"close-modal\" mat-icon-button mat-dialog-close type=\"button\">\r\n    <mat-icon>close</mat-icon>\r\n  </button>\r\n\r\n  <div class=\"timeline-item-header\">\r\n    <i class=\"timeline-type-icon cms-icon-icon-group\">\r\n      <span class=\"path1\"></span>\r\n      <span class=\"path2\"></span>\r\n    </i>\r\n    <div class=\"timeline-item-service\">{{cmsItem.application}}</div>\r\n  </div>\r\n\r\n  <div class=\"timeline-item-date-wrapper\">\r\n    <span class=\"timeline-item-date\">{{cmsItem.date}}</span>\r\n  </div>\r\n\r\n  <div class=\"timeline-item-title\">\r\n    {{cmsItem.subject}}\r\n  </div>\r\n\r\n  <div class=\"timeline-body\">\r\n    {{cmsItem.message}}\r\n  </div>\r\n\r\n  <div class=\"timeline-carousel\" *ngIf=\"images?.length\">\r\n    <didi-carousel [items]=\"images\"\r\n                   [minItemsForArrows]=\"this.slidesToShow\"\r\n                   [customOptions]=\"carouselOptions\"></didi-carousel>\r\n  </div>\r\n\r\n  <div class=\"timeline-documents\" *ngIf=\"cmsItem?.mappedDocs?.length\">\r\n    <mat-progress-bar\r\n      class=\"hidden-progress-bar\"\r\n      [class.visible]=\"loading\"\r\n      [mode]=\"'indeterminate'\">\r\n    </mat-progress-bar>\r\n    <didi-document-item *ngFor=\"let document of cmsItem?.mappedDocs\"\r\n                       class=\"document-item\"\r\n                       [directDownload]=\"true\"\r\n                       (downloadInProcess)=\"toggleLoading($event)\"\r\n                       [document]=\"document\"></didi-document-item>\r\n  </div>\r\n</ng-template>\r\n","styles":[".back-button{left:0}.timeline-details-wrapper{position:relative;margin:-24px;padding:24px 38px;max-width:800px;width:800px;max-height:86vh}@media (max-device-width:990px){.timeline-details-wrapper{max-height:70vh}}@media (max-device-width:999px){.timeline-details-wrapper{padding:24px 19px}}@media (max-width:999px){.timeline-details-wrapper{width:inherit}}.mat-progress-bar{position:absolute;top:0;left:0;width:100%}.timeline-item-title{font-size:26px;color:#000;line-height:34px;margin-bottom:26px}.timeline-body{font-size:16px;color:#6f6f6f;line-height:25px;margin-bottom:50px}.timeline-item-header{display:-webkit-box;display:flex;padding:15px 0 20px;-webkit-box-align:center;align-items:center}.timeline-item-date-wrapper{font-size:12px;color:#a7a7a7}.timeline-item-date-wrapper .timeline-item-date{display:inline-block;margin-right:4px;font-size:13px;color:#000}.timeline-item-service{font-size:14px;color:#6f6f6f}.back-button,.close-modal{z-index:1;position:absolute;top:0;right:0;color:#a7a7a7;width:28px;height:28px;line-height:28px;margin:4px 6px}.back-button .mat-icon,.close-modal .mat-icon{font-size:16px}.back-button ::ng-deep .mat-button-focus-overlay,.close-modal ::ng-deep .mat-button-focus-overlay{opacity:0!important}.timeline-type-icon{font-size:32px;position:relative;margin-right:15px}.timeline-type-icon::after{content:\"\";position:absolute;top:-85px;left:50%;width:1px;background:#f7f7f7;bottom:36px}.timeline-carousel{height:137px;margin-bottom:40px}.timeline-documents{display:-webkit-box;display:flex;flex-wrap:wrap;margin:0 -10px;position:relative}:host .document-item{width:50%;cursor:pointer;padding:10px;background-color:transparent;-webkit-transition:background-color .18s ease-out;transition:background-color .18s ease-out}:host .document-item:hover{background-color:#f9f9f9}:host .document-item ::ng-deep .article-text{font-size:11px}:host .document-item ::ng-deep .article-body{width:calc(100% - 42px)}:host .document-item ::ng-deep .file-size{display:none}:host ::ng-deep .document-icon{font-size:52px}:host ::ng-deep .mat-progress-bar-fill::after{background-color:#568ac5}:host ::ng-deep .mat-progress-bar-buffer{background:rgba(86,138,197,.1)}:host ::ng-deep .mat-progress-bar-background{fill:transparent}:host ::ng-deep .hidden-progress-bar{visibility:hidden;-webkit-box-flex:0;flex:0 0 auto}:host ::ng-deep .hidden-progress-bar.visible{visibility:visible}:host ::ng-deep .mat-progress-bar{height:2px!important}"]}]}],"members":{"cmsItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"widgetConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":3}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"backButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"back":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":30,"character":15},"arguments":[{"__symbolic":"reference","module":"@angular/material","name":"MAT_DIALOG_DATA","line":30,"character":22}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/layout","name":"BreakpointObserver","line":29,"character":42},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"toggleLoading":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"didi-parts-tracker-placeholder","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<div class=\"pt-placeholder-wrapper\">\n  <div class=\"pt-placeholder-item\" *ngFor=\"let item of placeholderItems;\">\n    <div class=\"pt-placeholder-middle\">\n      <div class=\"pt-placeholder-title\"></div>\n      <div class=\"pt-placeholder-body\"></div>\n      <div class=\"pt-placeholder-documents\">\n        <div></div>\n        <div></div>\n      </div>\n    </div>\n    <div class=\"pt-placeholder-right\">\n      <div class=\"pt-placeholder-title\"></div>\n    </div>\n  </div>\n</div>\n","styles":[":host{display:block;height:100%}.pt-placeholder-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.pt-placeholder-item{height:162px;display:-webkit-box;display:flex}.pt-placeholder-middle{-webkit-box-flex:1;flex:1;height:100%;padding:0 20px 20px 15px}.pt-placeholder-right{width:100px;padding:20px 0 0}.pt-placeholder-title{width:72px;height:21px;background-color:#f2f2f2;border-radius:2px;margin-bottom:12px}.pt-placeholder-body{width:66%;height:48px;background-color:#f2f2f2;border-radius:2px;margin-bottom:12px}.pt-placeholder-documents{display:-webkit-box;display:flex}.pt-placeholder-documents>div{width:54px;height:48px;background-color:#f2f2f2;border-radius:2px;margin-right:6px}"]}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[didiRemoveDisabledClass]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":9,"character":32,"context":{"typeName":"HTMLElement"},"module":"./lib/widgets/zendesk/ticket-list/ticket-details-dialog/remove-disabled-class.directive"}]},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":10,"character":22}]}],"ngAfterContentChecked":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":15,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"didi-ticket-confirm-merge","template":"<mat-progress-bar class=\"hidden-progress-bar progress-bar\"\r\n                  [class.visible]=\"processing\"\r\n                  mode=\"indeterminate\">\r\n</mat-progress-bar>\r\n\r\n<p class=\"note\">You are about to merge ticket \"{{ sourceTicket.subject }}\" into ticket \"{{ targetTicket.subject }}\"</p>\r\n\r\n<form [formGroup]=\"form\" class=\"ticket-details\">\r\n  <mat-card class=\"mat-elevation-z0\">\r\n    <mat-card-header>\r\n      <didi-ticket-item [ticket]=\"sourceTicket\" hideComment></didi-ticket-item>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n      <p>This ticket will be closed with the following comment:</p>\r\n\r\n      <mat-form-field appearance=\"outline\">\r\n        <textarea matInput formControlName=\"source_comment\" rows=\"3\"></textarea>\r\n      </mat-form-field>\r\n\r\n      <mat-checkbox formControlName=\"source_comment_is_public\">Requester can see this comment</mat-checkbox>\r\n    </mat-card-content>\r\n  </mat-card>\r\n\r\n  <mat-icon class=\"merge-icon\">merge_type</mat-icon>\r\n\r\n  <mat-card class=\"mat-elevation-z0\">\r\n    <mat-card-header>\r\n      <didi-ticket-item [ticket]=\"targetTicket\" hideComment></didi-ticket-item>\r\n    </mat-card-header>\r\n    <mat-card-content>\r\n      <p>This ticket will be updated with the following comment:</p>\r\n\r\n      <mat-form-field appearance=\"outline\">\r\n        <textarea matInput formControlName=\"target_comment\" rows=\"3\"></textarea>\r\n      </mat-form-field>\r\n\r\n      <mat-checkbox formControlName=\"target_comment_is_public\">Requester can see this comment</mat-checkbox>\r\n    </mat-card-content>\r\n  </mat-card>\r\n</form>\r\n\r\n<div class=\"merge-actions\">\r\n  <button type=\"button\" mat-raised-button class=\"cancel-btn\" matDialogClose>Cancel</button>\r\n  <button type=\"button\" mat-raised-button [disabled]=\"form.invalid || processing\" (click)=\"mergeTickets()\">\r\n    Confirm and Merge\r\n  </button>\r\n</div>\r\n","styles":[":host{display:block;padding:1.5rem;position:relative}:host p{margin:0}:host textarea{resize:none;padding:0;font-size:.85rem;color:#000}:host .mat-progress-bar{position:absolute;top:0;left:0;width:100%}:host .ticket-details{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-bottom:1.5rem}:host .note{margin-bottom:1.5rem}:host .mat-card{-webkit-box-flex:1;flex:1 1 0px;min-width:1px;border-radius:2px;background-color:#f6f6f6;padding:0}:host .mat-card ::ng-deep .mat-card-header-text{display:none}:host .mat-card-header{padding:.75rem;border-bottom:1px solid #e4e4e4}:host .mat-card-content{padding:1rem .75rem .75rem;font-size:.85rem;color:#767676}:host .mat-card-content>:not(:last-child){margin-bottom:.75rem}:host .merge-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#a4a4a4;flex-shrink:0;margin:.5rem}:host .merge-actions{display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end}:host .merge-actions button:not(:last-of-type){margin-right:.75rem}:host .merge-actions button:not(:last-of-type).cancel-btn{background-color:#5e6f79}:host ::ng-deep .mat-checkbox-layout{margin:0}"]}]}],"members":{"sourceTicket":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"targetTicket":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"FormBuilder","line":23,"character":16},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":25,"character":22},{"__symbolic":"reference","name":"MatDialogRef","module":"@angular/material/dialog","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"mergeTickets":[{"__symbolic":"method"}],"createForm":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"didi-ticket-item","template":"<div class=\"status {{ ticket.status }}\">{{ statusFirstLetter }}</div>\r\n\r\n<div class=\"details\">\r\n  <p><span *ngIf=\"ticket.id\">#{{ ticket.id }}:&nbsp;</span>{{ ticket.subject }}</p>\r\n  <p class=\"comment\" *ngIf=\"isCommentVisible && ticket.comment\">\r\n    {{ ticket.comment.created_at | commentDate }} | {{ ticket.comment.body }}\r\n  </p>\r\n</div>\r\n\r\n<div class=\"label\" *ngIf=\"currentTask\">Current Task</div>\r\n","styles":[":host{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;min-width:1px}:host .status{margin-right:1rem;flex-shrink:0;width:30px;height:30px;font-size:.93rem;text-transform:uppercase;color:#fff;font-weight:700;border-radius:50%;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}:host .status.new{background-color:#ffc72b}:host .status.open{background-color:#a4df63}:host .status.pending{background-color:#6eb2f1}:host .status.solved{background-color:#abb2ba}:host .status.closed{background-color:#f37e7e}:host .details{-webkit-box-flex:1;flex:1 1 auto;font-size:1.15rem;color:#000;min-width:1px}:host .details p{margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .comment{font-size:.85rem;color:#6f6f6f}:host .label{flex-shrink:0;margin-left:1rem;padding:.25rem 1rem;background-color:#f37e7e;border-radius:1rem;color:#fff;font-size:.85rem;font-weight:500}"]}]}],"members":{"ticket":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"currentTask":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"hideComment":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}]}},"ɵbb":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":15,"character":42},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"didi-ticket-merge","template":"<didi-ticket-item [ticket]=\"ticket\"></didi-ticket-item>\r\n\r\n<p class=\"label\"><span>Merge to</span></p>\r\n\r\n<div class=\"spinner-wrapper\" *ngIf=\"processing\">\r\n  <mat-spinner [diameter]=\"30\"></mat-spinner>\r\n</div>\r\n\r\n<perfect-scrollbar *ngIf=\"tickets.length\" (psYReachEnd)=\"loadMoreTickets()\">\r\n  <div class=\"ticket-wrapper\"\r\n       *ngFor=\"let ticketItem of tickets\"\r\n       [class.selected]=\"ticketItem.id === selectedTicket?.id\"\r\n       (click)=\"selectTicket(ticketItem)\">\r\n    <mat-icon *ngIf=\"ticketItem.id === selectedTicket?.id\" class=\"merge-icon\">merge_type</mat-icon>\r\n    <didi-ticket-item [ticket]=\"ticketItem\"></didi-ticket-item>\r\n  </div>\r\n</perfect-scrollbar>\r\n\r\n<div class=\"merge-actions\">\r\n  <div class=\"spinner-wrapper\" *ngIf=\"loadingTickets\">\r\n    <mat-spinner [diameter]=\"30\"></mat-spinner>\r\n  </div>\r\n\r\n  <button type=\"button\" mat-raised-button class=\"cancel-btn\" matDialogClose>Cancel</button>\r\n  <button type=\"button\" mat-raised-button [disabled]=\"!selectedTicket\" (click)=\"mergeTickets()\">Merge</button>\r\n</div>\r\n","styles":[":host{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;height:540px;max-height:80vh;padding:1.5rem 0}:host>*{flex-shrink:0}:host perfect-scrollbar{flex-shrink:1;margin-bottom:1.5rem}:host .spinner-wrapper{flex-shrink:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;height:100%}:host .ticket-wrapper{cursor:pointer;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}:host .ticket-wrapper.selected,:host .ticket-wrapper:hover{background-color:#f9f9f9}:host .ticket-wrapper:not(:last-child){border-bottom:1px solid #f4f4f4}:host didi-ticket-item{height:67px;margin:0 1.5rem;min-width:1px}:host .label{margin:1.5rem 0;text-align:center;color:#6f6f6f;font-size:.85rem;position:relative}:host .label::before{content:\"\";position:absolute;top:50%;left:0;height:0;width:100%;border-bottom:1px solid #f4f4f4}:host .label span{display:inline-block;height:24px;line-height:24px;border-radius:12px;padding:0 3rem;background-color:#f4f4f4;position:relative;z-index:1}:host .merge-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#a4a4a4;flex-shrink:0;margin-left:calc(1.5rem + 3px);margin-right:1rem}:host .merge-icon+didi-ticket-item{margin-left:0}:host .merge-actions{margin:0 1.5rem;display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end;position:relative}:host .merge-actions .spinner-wrapper{position:absolute;top:0;left:0;right:0;bottom:0}:host .merge-actions button:not(:last-of-type){margin-right:.75rem}:host .merge-actions button:not(:last-of-type).cancel-btn{background-color:#5e6f79}"]}]}],"members":{"ticket":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","module":"@angular/material/snack-bar","name":"MatSnackBar","line":29,"character":22},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":30,"character":18},{"__symbolic":"reference","name":"WidgetObserverService"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectTicket":[{"__symbolic":"method"}],"loadMoreTickets":[{"__symbolic":"method"}],"mergeTickets":[{"__symbolic":"method"}],"getTickets":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":36,"character":43},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":30,"character":1},"arguments":[{"selector":"didi-timeline-list","providers":[{"__symbolic":"reference","name":"ɵbd"}],"template":"<mat-progress-bar\r\n  class=\"hidden-progress-bar\"\r\n  [class.visible]=\"progressBarLoading && !tokenPending\"\r\n  [mode]=\"'indeterminate'\">\r\n</mat-progress-bar>\r\n\r\n<mat-list *ngIf=\"cmsItems.length && !placeHolderLoading\" class=\"timeline-list article-list\"\r\n          role=\"list\"\r\n          [perfectScrollbar]=\"{ suppressScrollX: true, suppressScrollY: disableScroll }\"\r\n          (psYReachEnd)=\"scrollEnd()\"\r\n          #matList>\r\n  <mat-list-item role=\"listitem\"\r\n                 *ngFor=\"let timelineElement of cmsItems; trackBy: trackByFn; let i = index; \"\r\n                 class=\"timeline-list-item\"\r\n                 [class.hide-item-hover]=\"hideItemHover[i]\"\r\n                 [class.timeline-list-item-below]=\"cmsItems?.length > 1\"\r\n                 (click)=\"timeLineSelect(timelineElement)\">\r\n    <div class=\"timeline-wrapper\">\r\n      <div class=\"timeline-item-header\">\r\n        <div class=\"timeline-item-service\">{{timelineElement.application}}</div>\r\n        <div class=\"timeline-item-time\">{{timelineElement.date}}</div>\r\n      </div>\r\n      <div class=\"timeline-title\">\r\n        {{timelineElement.subject}}\r\n      </div>\r\n      <div class=\"timeline-body\">\r\n        {{timelineElement.message}}\r\n      </div>\r\n      <div class=\"timeline-images\" [hidden]=\"!timelineElement.images?.length\">\r\n        <img *ngFor=\"let image of timelineElement.images\"\r\n             [src]=\"image\"\r\n             class=\"article-preview\"\r\n             altText=\"Article image\"\r\n             (mouseenter)=\"hoverAttachment(i)\"\r\n             (mouseleave)=\"blurAttachment(i)\">\r\n      </div>\r\n      <div class=\"timeline-documents\"\r\n           *ngIf=\"timelineElement.mappedDocs && timelineElement.mappedDocs[0] && assetKey\">\r\n        <didi-document-item *ngFor=\"let file of timelineElement.mappedDocs\"\r\n                           class=\"document-item\"\r\n                           [document]=\"file\"\r\n                           [directDownload]=\"true\"\r\n                           (mouseenter)=\"hoverAttachment(i)\"\r\n                           (mouseleave)=\"blurAttachment(i)\"\r\n                           (click)=\"stopPropagation($event)\"\r\n                           (downloadInProcess)=\"toggleLoading($event)\"></didi-document-item>\r\n      </div>\r\n    </div>\r\n    <i class=\"timeline-type-icon cms-icon-icon-group\">\r\n      <span class=\"path1\"></span>\r\n      <span class=\"path2\"></span>\r\n    </i>\r\n  </mat-list-item>\r\n</mat-list>\r\n\r\n<p class=\"watermark centered-watermark\" *ngIf=\"!cmsItems.length && !progressBarLoading\">No Records Found</p>\r\n\r\n<didi-timeline-placeholder *ngIf=\"placeHolderLoading\"></didi-timeline-placeholder>\r\n","styles":[":host{display:block;height:100%}:host .article-preview{display:-webkit-inline-box;display:inline-flex;width:50px;height:42px;min-width:42px;margin-right:.8rem;-o-object-fit:cover;object-fit:cover}:host .article-preview ::ng-deep img{cursor:pointer;width:50px!important;height:42px!important;min-width:42px!important}:host .timeline-list-item{height:auto;padding:15px 20px 7px 52px!important;position:relative;background-color:transparent;-webkit-transition:background-color .18s ease-out;transition:background-color .18s ease-out}:host .timeline-list-item ::ng-deep .mat-list-item-content{border:none}:host .timeline-list-item:hover:not(.hide-item-hover){background-color:#f9f9f9;cursor:pointer}:host .timeline-list-item-below:not(.last-of-type){position:relative}:host .timeline-list-item-below:not(.last-of-type):after{content:\"\";position:absolute;top:30px;height:100%;width:1px;background:#d8d8d8;left:25px;z-index:1}:host .timeline-list-item-below:not(.last-of-type):last-of-type:after{height:0}:host .timeline-documents{display:-webkit-box;display:flex;flex-wrap:wrap}:host ::ng-deep .mat-progress-bar{height:2px}:host ::ng-deep .mat-progress-bar-fill::after{background-color:#568ac5}:host ::ng-deep .mat-progress-bar-buffer{background:rgba(86,138,197,.1)}:host ::ng-deep .mat-progress-bar-background{fill:transparent}:host ::ng-deep .hidden-progress-bar{visibility:hidden;-webkit-box-flex:0;flex:0 0 auto}:host ::ng-deep .hidden-progress-bar.visible{visibility:visible}:host ::ng-deep .article-title{display:none}:host ::ng-deep .article-text{font-size:11px}:host ::ng-deep .file-size{display:none}:host ::ng-deep .file-res{display:none}.timeline-images{display:inline-block;margin-bottom:8px}.timeline-list{padding-top:0;position:relative;height:100%!important;overflow:hidden}.timeline-item-header{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:30px}.timeline-item-time{margin-left:auto;font-size:11px;color:#6f6f6f;margin-right:12px}.timeline-wrapper{width:100%}.timeline-item-service{font-size:12px;color:#000}.timeline-title{font-size:14px;color:#000}.timeline-body{font-size:13px;color:#6f6f6f;overflow:hidden;margin-bottom:15px;text-overflow:ellipsis;white-space:nowrap}.timeline-body,.timeline-title{max-width:580px}.timeline-type-icon{position:absolute;top:0;left:-42px;font-size:30px;z-index:2}.document-item{cursor:pointer;padding:5px 8px;margin-right:8px;margin-left:-8px;margin-bottom:8px;max-width:50%;width:initial}.document-item:hover{background:#f9f9f9}.document-item:last-child{padding-right:0}.mat-progress-bar{position:absolute;z-index:1;top:0;width:100%}"]}]}],"members":{"matList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":37,"character":3},"arguments":["matList",{"static":false,"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":37,"character":47}}]}]}],"disableScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":72,"character":15}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":73,"character":15},"arguments":[{"__symbolic":"reference","name":"AllItemsPaginationSettingsToken"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":74,"character":15},"arguments":[{"__symbolic":"reference","name":"WidgetDataToken"}]}]],"parameters":[{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":65,"character":26},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpBackend","line":67,"character":31},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"WidgetObserverService"},{"__symbolic":"reference","module":"@angular/material/dialog","name":"MatDialog","line":70,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":71,"character":28},{"__symbolic":"reference","name":"any"},{"__symbolic":"reference","name":"ɵm"}]}],"ngOnInit":[{"__symbolic":"method"}],"timeLineSelect":[{"__symbolic":"method"}],"openDetails":[{"__symbolic":"method"}],"hoverAttachment":[{"__symbolic":"method"}],"blurAttachment":[{"__symbolic":"method"}],"toggleLoading":[{"__symbolic":"method"}],"scrollEnd":[{"__symbolic":"method"}],"loadData":[{"__symbolic":"method"}],"listenToTwilio":[{"__symbolic":"method"}],"loadNewCommCentreData":[{"__symbolic":"method"}],"resetToken":[{"__symbolic":"method"}]},"statics":{"trackByFn":{"__symbolic":"function","parameters":["index","item"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"id"}}}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ConfigService"}]}],"searchNotificationHub":[{"__symbolic":"method"}],"getDefaultAlgolia":[{"__symbolic":"method"}],"getCommCentreAlgolia":[{"__symbolic":"method"}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"didi-timeline-placeholder","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<div class=\"timeline-placeholder-wrapper\">\r\n  <div class=\"timeline-placeholder-item\" *ngFor=\"let item of placeholderItems;\">\r\n    <div class=\"timeline-placeholder-left\"></div>\r\n    <div class=\"timeline-placeholder-middle\">\r\n      <div class=\"timeline-placeholder-title\"></div>\r\n      <div class=\"timeline-placeholder-body\"></div>\r\n      <div class=\"timeline-placeholder-documents\">\r\n        <div></div>\r\n        <div></div>\r\n      </div>\r\n    </div>\r\n    <div class=\"timeline-placeholder-right\">\r\n      <div class=\"timeline-placeholder-title\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n","styles":[".timeline-placeholder-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.timeline-placeholder-wrapper:after{content:\"\";position:absolute;left:25px;width:1px;background-color:#e4e4e5;top:20px;bottom:0}.timeline-placeholder-item{height:160px;display:-webkit-box;display:flex}.timeline-placeholder-left{width:50px;height:100%;position:relative}.timeline-placeholder-left:after{content:\"\";position:absolute;width:30px;height:30px;background:#e4e4e5;left:10px;top:15px;border-radius:50%}.timeline-placeholder-middle{-webkit-box-flex:1;flex:1;height:100%;padding:18px 20px 7px 0}.timeline-placeholder-right{width:100px;padding:20px 0 0}.timeline-placeholder-title{width:72px;height:21px;background-color:#f2f2f2;border-radius:2px;margin-bottom:12px}.timeline-placeholder-body{width:66%;height:48px;background-color:#f2f2f2;border-radius:2px;margin-bottom:12px}.timeline-placeholder-documents{display:-webkit-box;display:flex}.timeline-placeholder-documents>div{width:54px;height:48px;background-color:#f2f2f2;border-radius:2px;margin-right:6px}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"ɵbf":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":24,"character":41},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"didi-widget-grid","template":"<div class=\"grid-wrapper\">\r\n  <gridster #gridster\r\n            [options]=\"options\"\r\n            [class.edit-mode]=\"editMode\">\r\n    <gridster-item [item]=\"item\"\r\n                   *ngFor=\"let item of dashboard\"\r\n                   [attr.data-id]=\"item.id\"\r\n                   [attr.height]=\"'auto'\"\r\n                   [ngClass]=\"{'fixed-width': item.fixedWidth,\r\n                               'vertical-resize': item.verticalResize }\">\r\n      <didi-widget-wrapper *ngIf=\"item.portal\"\r\n                           [customTokenPending]=\"customTokenPending\"\r\n                           [editMode]=\"editMode\"\r\n                           [widget]=\"item\">\r\n        <ng-template [cdkPortalOutlet]=\"item.portal\"></ng-template>\r\n      </didi-widget-wrapper>\r\n    </gridster-item>\r\n  </gridster>\r\n  <div class=\"gridster-spinner-wrapper\" *ngIf=\"loading\">\r\n    <mat-spinner diameter=\"30\" ></mat-spinner>\r\n  </div>\r\n</div>\r\n\r\n<didi-add-scroll *ngIf=\"addScrollOverlay\"\r\n                 (scrollStart)=\"scrollStart()\"\r\n                 [elementToScroll]=\"gridsterElement\"></didi-add-scroll>\r\n","styles":[":host{display:block;height:100%}:host ::ng-deep .mat-spinner circle{stroke:#568ac5!important;stroke-width:2px!important}.grid-wrapper{position:relative;width:100%;height:100%}.grid-widget{display:-webkit-box;display:flex;position:absolute;width:100%;top:0;bottom:0;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:10px}.mat-progress-bar{margin-top:-2px}.gridster-spinner-wrapper{position:absolute;top:0;left:0;right:0;z-index:1;min-height:420px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}"]}]}],"members":{"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"customTokenPending":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":3}}]}],"dashboardReady":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":27,"character":3}}]}],"gridster":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":28,"character":3},"arguments":["gridster",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":33},"static":true}]}]}],"getDashboardItemFromConfig":[{"__symbolic":"method"}],"initItem":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":75,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":76,"character":34},{"__symbolic":"reference","name":"WidgetObserverService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"resizeStop":[{"__symbolic":"method"}],"resizeStart":[{"__symbolic":"method"}],"emptyCellDrop":[{"__symbolic":"method"}],"saveSettings":[{"__symbolic":"method"}],"scrollStart":[{"__symbolic":"method"}],"toggleEditModeForGrid":[{"__symbolic":"method"}],"removeItemFromSidenav":[{"__symbolic":"method"}],"loadDashboardItems":[{"__symbolic":"method"}],"sortDashboard":[{"__symbolic":"method"}],"removeWidget":[{"__symbolic":"method"}],"handleRemoveWidgets":[{"__symbolic":"method"}],"hideDropPreview":[{"__symbolic":"method"}],"handleDropOverExistingWidget":[{"__symbolic":"method"}],"moveGridItemToNextAvailablePosition":[{"__symbolic":"method"}],"moveGridItemDown":[{"__symbolic":"method"}],"fixItemsCollision":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ConfigService"},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpBackend","line":77,"character":21},{"__symbolic":"reference","module":"@angular/material","name":"MatSnackBar","line":78,"character":22}]}],"getGridSettings":[{"__symbolic":"method"}],"cleanUpOldSettings":[{"__symbolic":"method"}],"createSettings":[{"__symbolic":"method"}],"updateSettings":[{"__symbolic":"method"}],"onSaveSuccess":[{"__symbolic":"method"}],"onError":[{"__symbolic":"method"}]},"statics":{"getWidgetInjector":{"__symbolic":"function","parameters":["widgetData"],"value":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":46,"character":11},"member":"create"},"arguments":[{"providers":[{"provide":{"__symbolic":"reference","name":"WidgetDataToken"},"useValue":{"__symbolic":"reference","name":"widgetData"}}]}]}}}},"ɵbh":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":11,"character":44},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"didi-widget-wrapper","template":"<div class=\"widget-wrapper\" #widgetWrapper\r\n     [class.disable-edit-mode]=\"disableEditMode\"\r\n     [class.widget-edit-mode]=\"editMode && !disableEditMode\">\r\n  <div class=\"widget-header\"\r\n       [class.bright-actions]=\"widget.headerActionsBright\"\r\n       [class.transparent-header]=\"widget.headerTransparent\"\r\n       [class.hidden]=\"widget.headerTransparent && !editMode\">\r\n    <button class=\"drag-button\" type=\"button\" mat-icon-button [class.invisible]=\"!editMode\">\r\n      <i class=\"cms-icon-drag\"></i>\r\n    </button>\r\n    <h3 class=\"widget-title\" *ngIf=\"!widget?.headerTitlePortal\">{{widget.title}}</h3>\r\n    <ng-container *ngIf=\"widget?.headerTitlePortal\">\r\n      <ng-template  [cdkPortalOutlet]=\"widget.headerTitlePortal\"></ng-template>\r\n    </ng-container>\r\n    <div class=\"action-buttons\">\r\n      <button\r\n        *ngIf=\"editMode && !widget.headerSettingsHide\"\r\n        type=\"button\"\r\n        class=\"widget-action\"\r\n        [class.solo-action]=\"widget.headerSettingsHide\"\r\n        mat-icon-button\r\n        (touchstart)=\"openWidgetSettings()\"\r\n        (mousedown)=\"openWidgetSettings()\">\r\n        <mat-icon>settings_outline</mat-icon>\r\n      </button>\r\n      <button\r\n        *ngIf=\"editMode\"\r\n        type=\"button\"\r\n        class=\"widget-action\"\r\n        [class.solo-action]=\"widget.headerSettingsHide\"\r\n        mat-icon-button\r\n        (touchstart)=\"removeWidget($event)\"\r\n        (mousedown)=\"removeWidget($event)\">\r\n        <mat-icon>close</mat-icon>\r\n      </button>\r\n    </div>\r\n  </div>\r\n\r\n  <ng-content></ng-content>\r\n  <button type=\"button\"\r\n          mat-button class=\"widget-footer view-more\"\r\n          *ngIf=\"widget.viewMore && !customTokenPending\"\r\n          [disabled]=\"paginationEnd || loadMoreThrottleDisabled\"\r\n          (click)=\"loadMore()\">\r\n    View more\r\n  </button>\r\n  <button type=\"button\"\r\n          mat-button class=\"widget-footer view-all\"\r\n          *ngIf=\"widget.viewMore && !customTokenPending\"\r\n          [class.view-all-shadow]=\"widget.viewMoreShadow\"\r\n          (click)=\"viewAll()\">\r\n    View more\r\n  </button>\r\n</div>\r\n","styles":[".icon-drag{font-size:8px}.icon-drag:before{color:#c5c5c5}:host::ng-deep .mat-button-focus-overlay{opacity:0!important}.drag-button{width:24px;height:24px;line-height:24px;align-self:flex-start;margin:2px 0 0 2px}.invisible{visibility:hidden}.view-all.view-all-shadow:before{content:\"\";position:absolute;top:-46px;height:45px;width:100%;left:0;background-image:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(20%,rgba(255,255,255,.95)),to(transparent));background-image:linear-gradient(0,rgba(255,255,255,.95) 20%,transparent 100%);z-index:3;pointer-events:none}.widget-wrapper{overflow:hidden}.widget-wrapper.disable-edit-mode .widget-header{visibility:hidden;pointer-events:none}.cms-icon-drag{font-size:8px}"]}]}],"members":{"widgetWrapper":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":12,"character":3},"arguments":["widgetWrapper",{"static":true}]}]}],"widget":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"customTokenPending":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"disableEditMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"editMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WidgetObserverService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"removeWidget":[{"__symbolic":"method"}],"openWidgetSettings":[{"__symbolic":"method"}],"loadMore":[{"__symbolic":"method"}],"viewAll":[{"__symbolic":"method"}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵbj"}],"exports":[{"__symbolic":"reference","name":"ɵbj"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatIconModule","line":12,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatButtonModule","line":13,"character":4},{"__symbolic":"reference","module":"@angular/material","name":"MatProgressSpinnerModule","line":14,"character":4},{"__symbolic":"reference","module":"ngx-slick-carousel","name":"SlickCarouselModule","line":15,"character":4}]}]}],"members":{}},"ɵbj":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@digitaldealers/portal-base-component","name":"BaseComponent","line":21,"character":39},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":"didi-carousel","template":"<ngx-slick-carousel #slickModal=\"slick-carousel\"\r\n                    *ngIf=\"slideConfig\"\r\n                    (init)=\"onInit()\"\r\n                    (afterChange)=\"afterChange($event)\"\r\n                    [class.invisible]=\"resizing\"\r\n                    [config]=\"slideConfig\">\r\n  <div ngxSlickItem *ngFor=\"let item of items; trackBy: trackByFn; let i = index;\" class=\"slide\">\r\n    <a *ngIf=\"item.fileUrl || item.dynamicFields?.url\" (click)=\"slideShowClick.emit(item)\"\r\n       class=\"image-overlay-wrapper\"\r\n       [class.multi-slide]=\"slideConfig.slidesToShow > 1\"\r\n       [href]=\"item.fileUrl || item.dynamicFields.url\"\r\n       target=\"_blank\">\r\n      <img [src]=\"item.image\" alt=\"\" width=\"100%\" (load)=\"imageLoad(i)\">\r\n    </a>\r\n\r\n    <div *ngIf=\"!item.dynamicFields?.url\"\r\n       class=\"image-overlay-wrapper\"\r\n       [class.multi-slide]=\"slideConfig.slidesToShow > 1\">\r\n      <img [src]=\"item.image\" alt=\"\" width=\"100%\" (load)=\"imageLoad(i)\">\r\n    </div>\r\n    <p class=\"slide-title\" *ngIf=\"item.dynamicFields?.text\">{{item.dynamicFields?.text}}</p>\r\n  </div>\r\n</ngx-slick-carousel>\r\n\r\n<div class=\"spinner-wrapper\" *ngIf=\"resizing\">\r\n  <mat-progress-spinner mode=\"indeterminate\" diameter=\"45\"></mat-progress-spinner>\r\n</div>\r\n\r\n<button type=\"button\"\r\n        class=\"nav-button nav-left\"\r\n        mat-icon-button\r\n        (click)=\"back()\"\r\n        *ngIf=\"items?.length > minItemsForArrows && !editMode\">\r\n  <mat-icon>navigate_before</mat-icon>\r\n</button>\r\n<button type=\"button\"\r\n        class=\"nav-button nav-right\"\r\n        mat-icon-button\r\n        (click)=\"next()\"\r\n        *ngIf=\"items?.length > minItemsForArrows && !editMode\">\r\n  <mat-icon>navigate_next</mat-icon>\r\n</button>\r\n\r\n\r\n\r\n","styles":[":host{display:block;height:100%}:host.multi-slide{position:relative;margin:0 -10px}:host .title-container{bottom:0;padding-bottom:40px;padding-top:20px;width:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;position:absolute;z-index:1}:host .title-container .item-title{all:unset;cursor:pointer;font-size:18px;color:#fff;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.6)}:host .slick-slider{height:100%;touch-action:auto}:host .spinner-wrapper{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;height:100%;position:absolute;top:0}:host ::ng-deep .slick-dots{bottom:0;padding:12px 0}:host ::ng-deep .slick-dots li{margin:0}:host ::ng-deep .slick-dots li button:before{color:#fff;opacity:.52;font-size:8px}:host ::ng-deep .slick-dots li.slick-active button:before{opacity:1}:host ::ng-deep .slick-list{position:relative}:host ::ng-deep .slick-list,:host ::ng-deep .slick-track{height:100%}:host ::ng-deep .slick-track{margin:0}:host ::ng-deep .slide-title{font-size:18px;color:#fff;position:absolute;bottom:0;left:0;right:0;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.6);padding-bottom:40px;margin:0}:host ::ng-deep .image-overlay-wrapper{display:block;width:100%;height:100%;position:relative;outline:0}:host ::ng-deep .image-overlay-wrapper:after{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background-size:100%;pointer-events:none}:host ::ng-deep .image-overlay-wrapper.multi-slide{padding:0 10px}:host ::ng-deep .image-overlay-wrapper.multi-slide:after{display:none}:host ::ng-deep .slick-slide{position:relative;outline:0}:host ::ng-deep .slick-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative}:host ::ng-deep .nav-button{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;position:absolute;border-radius:0;width:28px;height:28px;background:rgba(255,255,255,.4);cursor:pointer;z-index:1;top:50%;margin:-14px 0 0}:host ::ng-deep .nav-button.nav-right{right:0}:host ::ng-deep .nav-button.nav-left{left:0}:host ::ng-deep .nav-button .mat-button-wrapper{height:100%;line-height:28px}:host ::ng-deep .nav-button .mat-icon{font-size:18px;color:#fff}:host ::ng-deep .nav-button:hover{background:rgba(255,255,255,.35)}:host.multi-slide ::ng-deep .slick-slide img{border-radius:4px}:host.multi-slide ::ng-deep .nav-button.nav-right{right:9px}:host.multi-slide ::ng-deep .nav-button.nav-left{left:9px}"]}]}],"members":{"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":3}}]}],"widgetConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"minItemsForArrows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":3}}]}],"customOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":3}}]}],"slideShowClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":26,"character":3}}]}],"slickModal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":3},"arguments":["slickModal",{"static":false}]}]}],"get":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":40,"character":3},"arguments":["class.multi-slide"]}]}],"onResize":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":44,"character":3},"arguments":["window:resize",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WidgetObserverService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"onInit":[{"__symbolic":"method"}],"back":[{"__symbolic":"method"}],"next":[{"__symbolic":"method"}],"imageLoad":[{"__symbolic":"method"}],"afterChange":[{"__symbolic":"method"}],"handleResizeItems":[{"__symbolic":"method"}]},"statics":{"trackByFn":{"__symbolic":"function","parameters":["index","item"],"value":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"item"},"member":"image"}}}}},"origins":{"CommunicationCentreService":"./lib/communication-centre.service","CommunicationCentreComponent":"./lib/communication-centre.component","CommunicationCentreModule":"./lib/communication-centre.module","ConfigService":"./lib/shared/services/config.service","CmsSidenavComponent":"./lib/cms-sidenav/cms-sidenav.component","sideNavAnimation":"./lib/shared/sidenav.animation","animationDuration":"./lib/shared/animation.config","WidgetTypes":"./lib/shared/widget-types.enum","Collections":"./lib/shared/collections.enum","FilterByPipe":"./lib/shared/pipes/filter-by.pipe","AuthorInitialsPipe":"./lib/shared/pipes/author-initials.pipe","AddScrollComponent":"./lib/shared/add-scroll/add-scroll.component","CmsUtilsService":"./lib/shared/services/utils.service","WidgetEmitData":"./lib/shared/services/widget-observer.service","WidgetObserverService":"./lib/shared/services/widget-observer.service","WidgetDataToken":"./lib/shared/widget-data-injection-token.constant","AllItemsPaginationSettingsToken":"./lib/shared/all-items-dialog/all-items-pagination-settings-token.constant","ZendeskComponent":"./lib/widgets/zendesk/zendesk.component","PowerBiVisualComponent":"./lib/widgets/power-bi-visual/power-bi-visual.component","TimelineComponent":"./lib/widgets/timeline/timeline.component","PartsTracker":"./lib/widgets/parts-tracker/interfaces/parts-tracker.interface","AppFileType":"./lib/shared/intarfaces/app-file-type.interface","AzureIndexResponse":"./lib/shared/intarfaces/azure-index-response.interface","BiData":"./lib/shared/intarfaces/bi-data.interface","CmsFile":"./lib/shared/intarfaces/cms.inteface","CmsItem":"./lib/shared/intarfaces/cms.inteface","CmsEmbeddedReport":"./lib/shared/intarfaces/cms-embedded-report.interface","CmsItemFilters":"./lib/shared/intarfaces/cms-item-filters.interface","EventDateDetails":"./lib/shared/intarfaces/event-date-details.interface","GalleryImage":"./lib/shared/intarfaces/gallery-image.interface","ModuleType":"./lib/shared/intarfaces/module-type.interface","ModuleWidget":"./lib/shared/intarfaces/module-widget.interface","TwilioBranch":"./lib/shared/intarfaces/module-widget.interface","TwilioBranchStream":"./lib/shared/intarfaces/module-widget.interface","SearchFacetInterface":"./lib/shared/intarfaces/search-facet.interface","SharePointIntegration":"./lib/shared/intarfaces/share-point-interfation.interface","WidgetComponentConfig":"./lib/shared/intarfaces/widget-component-config.interface","WidgetConfig":"./lib/shared/intarfaces/widget-config.interface","GridItemInterface":"./lib/shared/intarfaces/grid-item.interface","GridSettings":"./lib/shared/intarfaces/grid-settings.interface","CmsCompanyUser":"./lib/shared/intarfaces/cms-user.interface","CmsCustomer":"./lib/shared/intarfaces/cms-user.interface","CmsUser":"./lib/shared/intarfaces/cms-user.interface","ɵa":"./lib/communication-centre-config.token","ɵb":"./lib/communication-centre-config.token","ɵc":"./lib/shared/services/security.service","ɵd":"./lib/shared/intarfaces/communication-centre-config.interface","ɵe":"./lib/shared/services/auth-api.service","ɵf":"./lib/shared/services/http-backend-client.service","ɵg":"./lib/shared/services/comm-centre-user.service","ɵh":"./lib/shared/services/data-set-search.service","ɵi":"./lib/shared/services/cms.service","ɵj":"./lib/shared/all-items-dialog/all-items-dialog.component","ɵk":"./lib/shared/confirm-modal/confirm-modal.component","ɵl":"./lib/widgets/parts-tracker/components/order-details/order-details.component","ɵm":"./lib/shared/intarfaces/widget-data.interface","ɵn":"./lib/widgets/parts-tracker/components/order-list/order-list.component","ɵo":"./lib/shared/services/data-set-custom-token-search.service","ɵp":"./lib/widgets/parts-tracker/parts-tracker.component","ɵq":"./lib/shared/all-items-dialog/all-items-dialog.service","ɵr":"./lib/widgets/zendesk/ticket-list/ticket-details-dialog/ticket-details-dialog.component","ɵs":"./lib/widgets/zendesk/services/tickets.service","ɵt":"./lib/widgets/zendesk/ticket-list/ticket-list.component","ɵu":"./lib/widgets/zendesk/ticket-list/ticket-item/comment-date.pipe","ɵv":"./lib/shared/document-item/document-item.component","ɵw":"./lib/widgets/timeline/timeline-details/timeline-details.component","ɵx":"./lib/widgets/parts-tracker/parts-tracker-placeholder/parts-tracker-placeholder.component","ɵy":"./lib/widgets/zendesk/ticket-list/ticket-details-dialog/remove-disabled-class.directive","ɵz":"./lib/widgets/zendesk/ticket-list/ticket-confirm-merge/ticket-confirm-merge.component","ɵba":"./lib/widgets/zendesk/ticket-list/ticket-item/ticket-item.component","ɵbb":"./lib/widgets/zendesk/ticket-list/ticket-merge/ticket-merge.component","ɵbc":"./lib/widgets/timeline/timeline-list/timeline-list.component","ɵbd":"./lib/widgets/timeline/timeline-list/algolia.service","ɵbe":"./lib/widgets/timeline/timeline-placeholder/timeline-placeholder.component","ɵbf":"./lib/widgets-grid/widget-grid.component","ɵbg":"./lib/widgets-grid/grid-service","ɵbh":"./lib/widgets/widget-wrapper/widget-wrapper.component","ɵbi":"./lib/shared/carousel/carousel.module","ɵbj":"./lib/shared/carousel/carousel.component"},"importAs":"@digitaldealers/communication-centre"}