{"__symbolic":"module","version":4,"exports":[{"from":"@ngx-plantt/core"}],"metadata":{"NgxPlanttBootstrapModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"angular-resize-event","name":"AngularResizedEventModule","line":11,"character":4},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":12,"character":4},{"__symbolic":"reference","module":"@ngx-plantt/core","name":"NgxPlanttCoreModule","line":13,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDatepickerModule","line":14,"character":4},{"__symbolic":"reference","module":"@ng-bootstrap/ng-bootstrap","name":"NgbDropdownModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":4}],"declarations":[{"__symbolic":"reference","name":"SchedulerComponent"},{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"SchedulerComponent"}],"schemas":[{"__symbolic":"reference","module":"@angular/core","name":"NO_ERRORS_SCHEMA","line":20,"character":12}]}]}],"members":{}},"SchedulerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-plantt/core","name":"SchedulerComponentAbstract","line":24,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"scheduler","providers":[{"__symbolic":"reference","module":"@ngx-plantt/core","name":"StateService","line":15,"character":4},{"__symbolic":"reference","module":"@ngx-plantt/core","name":"SettingsService","line":16,"character":4},{"__symbolic":"reference","module":"@ngx-plantt/core","name":"CallbackService","line":17,"character":4},{"__symbolic":"reference","module":"@ngx-plantt/core","name":"ViewService","line":18,"character":4},{"__symbolic":"reference","module":"@ngx-plantt/core","name":"UtilService","line":19,"character":4},{"__symbolic":"reference","module":"@ngx-plantt/core","name":"DateAdapterService","line":20,"character":4}],"template":"<header *ngIf=\"showHeader\" (resized)=\"onHeaderResize($event)\"></header>\n<table>\n  <thead grid-header>\n  <tr class=\"monthLine\">\n    <th *ngFor=\"let month of enumMonths\" [attr.colspan]=\"month.numDays\" class=\"month\"\n        [height]=\"PlanttConstants.MONTH_CELL_HEIGHT\">\n      {{month.name}}\n    </th>\n  </tr>\n  <tr class=\"dayLine\" *ngIf=\"(cellWidthMin && cellWidthMin > PlanttConstants.MIN_DAY_CELL_WIDTH)\">\n    <th *ngFor=\"let day of enumDays; trackBy: trackDaysByFn\" title=\"{{day.title}}\"\n        [ngClass]=\"{'today': day.today, 'sunday': day.sunday, 'lastDmonth': day.isLastOfMonth}\"\n        [height]=\"dayCellHeight\">\n      {{day.num}}\n      <p *ngIf=\"showWeekDay\">{{day.weekDay}}</p>\n      <table *ngIf=\"(useHours && hourCellWidth >= PlanttConstants.MIN_VISIBLE_HOUR_CELL_WIDTH)\">\n        <thead grid-header>\n        <tr class=\"hourLine\">\n          <th *ngFor=\"let hour of enumHours\" title=\"{{day.title}}, {{hour.title}}:00\"\n              [ngClass]=\"{'today': day.today}\"\n              [height]=\"PlanttConstants.HOUR_CELL_HEIGHT\">\n            {{hour.title}}\n          </th>\n        </tr>\n        </thead>\n      </table>\n    </th>\n  </tr>\n  </thead>\n</table>\n<div class=\"timelineContainer\">\n  <table>\n    <tbody (resized)=\"onResize($event)\">\n    <tr>\n      <td *ngFor=\"let day of enumDays; trackBy: trackDaysByFn\" height=\"{{gridHeight}}\"\n          [ngClass]=\"{'today': day.today, 'sunday': day.sunday, 'lastDmonth': day.isLastOfMonth}\"\n          style=\"overflow: hidden\">\n        <table class=\"hourGrid\" *ngIf=\"(useHours && hourCellWidth >= PlanttConstants.MIN_VISIBLE_HOUR_CELL_WIDTH)\">\n          <thead>\n          <tr class=\"hourLine\">\n            <th *ngFor=\"let hour of enumHours\">\n              <span>{{hour.title}}</span>\n            </th>\n          </tr>\n          </thead>\n        </table>\n        <span\n          *ngIf=\"hourCellWidth >= PlanttConstants.MIN_VISIBLE_HOUR_CELL_WIDTH\">{{day.date | date:'shortDate'}}</span>\n        <span *ngIf=\"(showNumberEvents && day.nbEvents > 0 && cellWidthMin < 100)\">{{day.nbEvents}}</span>\n        <span *ngIf=\"(showNumberEvents && day.nbEvents > 0 && cellWidthMin >= 100)\">({{day.nbEvents}} items)</span>\n      </td>\n    </tr>\n    </tbody>\n  </table>\n  <events-canvas [renderedEvents]=\"renderedEvents\" [gridHeight]=\"gridHeight\"\n                 [headerHeight]=\"headerHeight\"></events-canvas>\n</div>\n","styles":["header{background-color:#eee;display:block;line-height:3em;padding:5px 15px}table{border-spacing:0;table-layout:fixed;width:100%}table tr td,table tr th{border-right:1px solid #bbb;cursor:pointer;line-height:1;margin:0;padding:0;text-align:center;vertical-align:middle}table tr.monthLine th{background-color:#f5f5f5;font-size:1.2em;overflow:hidden;white-space:nowrap}table tr.dayLine th{background-color:#f5f5f5;font-weight:700;overflow:hidden}table tr.dayLine th p{margin:0}table tr.hourLine th{border-right:1px solid #e5e5e5;font-size:.8em;font-weight:400;overflow:hidden}table tr.hourLine th:last-of-type{border:none}table tbody tr td{color:#bbb;vertical-align:bottom}table tbody tr td:nth-child(odd){background-color:#fafafa}table tbody tr td:nth-child(2n){background-color:#fff}table.hourGrid{height:100%;width:100%}table.hourGrid th{vertical-align:bottom}table.hourGrid th:last-of-type{border:none}table td.today,table th.today{background-color:#ffdbce!important}table tr td.sunday,table tr th.sunday{border-right:1px solid #f88}table td.lastDmonth,table th.lastDmonth{border-right:1px solid #f33}.timelineContainer{width:100%;z-index:100}:host{background-color:#fff;border:1px solid #ddd;box-sizing:border-box;display:block;font-size:.9em;min-height:100px;min-width:460px;position:relative;width:100%}"]}]}],"members":{"ngOnInit":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@ngx-plantt/core","name":"HeaderComponentAbstract","line":8,"character":37},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":3,"character":1},"arguments":[{"selector":"header","template":"<div id=\"plantt-header\" class=\"row justify-content-between align-items-center\">\n  <div class=\"col-auto mb-1\">\n    <div class=\"form-inline row justify-content-start align-items-center\"\n         *ngIf=\"showDateInputs || showLockSwitch || showHourSwitch\">\n      <div class=\"custom-control custom-switch mr-2 mb-1\"\n           [ngClass]=\"showHourSwitch ? 'visible' : showLockSwitch ? 'invisible' : 'd-none'\">\n        <input type=\"checkbox\"\n               class=\"custom-control-input\"\n               id=\"hour-mode-switch\"\n               title=\"Click to toggle between hourly mode and daily mode\"\n               [checked]=\"this.useHours\"\n               (change)=\"toggleMode()\"/>\n        <label class=\"custom-control-label row align-items-center\" for=\"hour-mode-switch\">\n          {{ useHours ? \"Hourly mode\" : \"Daily mode\" }}\n        </label>\n      </div>\n      <div class=\"input-group\" *ngIf=\"showDateInputs\">\n        <div class=\"input-group-prepend\">\n          <button class=\"btn btn-outline-secondary calendar\"\n                  (click)=\"startViewInputRef.toggle()\"\n                  type=\"button\">\n          </button>\n        </div>\n        <input class=\"form-control\"\n               placeholder=\"yyyy-mm-dd\"\n               [(ngModel)]=\"startViewInput\"\n               ngbDatepicker\n               #startViewInputRef=\"ngbDatepicker\"/>\n        <div class=\"input-group-append\">\n          <button type=\"button\"\n                  class=\"btn btn-secondary btn-sm\"\n                  [disabled]=\"!startViewInput\"\n                  (click)=\"setStartViewDateStruct(startViewInput)\">\n            Set Start Date\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"col-auto mb-1\" [ngClass]=\"showDateInputs ? 'plantt-xlg-order-2' : 'plantt-md-order-2'\">\n    <div class=\"form-inline justify-content-end row align-items-center\">\n      <div class=\"custom-control custom-switch mr-2 mb-1\"\n           [ngClass]=\"showLockSwitch ? 'visible' : showHourSwitch ? 'invisible' : 'd-none'\">\n        <input type=\"checkbox\"\n               class=\"custom-control-input\"\n               id=\"lock-mode-switch\"\n               title=\"Click to toggle lock mode\"\n               [checked]=\"this.useLock\"\n               (change)=\"toggleLock()\"/>\n        <label class=\"custom-control-label row align-items-center\" for=\"lock-mode-switch\">\n          {{ useLock ? \"Lock mode\" : \"Unlock all\" }}\n        </label>\n      </div>\n      <div class=\"input-group ml-2 justify-content-end\" *ngIf=\"showDateInputs\">\n        <div class=\"input-group-prepend\">\n          <button class=\"btn btn-outline-secondary calendar\" (click)=\"endViewInputRef.toggle()\" type=\"button\"></button>\n        </div>\n        <input class=\"form-control\"\n               placeholder=\"yyyy-mm-dd\"\n               [(ngModel)]=\"endViewInput\"\n               ngbDatepicker\n               #endViewInputRef=\"ngbDatepicker\"/>\n        <div class=\"input-group-append\">\n          <button type=\"button\" class=\"btn btn-secondary btn-sm\" [disabled]=\"!endViewInput\"\n                  (click)=\"setEndViewDateStruct(endViewInput)\">\n            Set End Date\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n\n  <div class=\"btn-toolbar\"\n       role=\"toolbar\"\n       [ngClass]=\"showDateInputs ? 'plantt-xlg-col-4 plantt-xlg-order-1' : 'plantt-md-col-8 plantt-md-order-1'\">\n    <div class=\"row justify-content-center\">\n      <div class=\"btn-group mr-2\" role=\"group\">\n        <button type=\"button\" class=\"btn btn-secondary btn-sm\" (click)=\"prevCustom(3)\">\n          <<\n        </button>\n        <button type=\"button\" class=\"btn btn-secondary btn-sm\" (click)=\"prevDay()\">\n          <\n        </button>\n      </div>\n      <div class=\"btn-group mr-2\" role=\"group\">\n        <button type=\"button\" class=\"btn btn-secondary btn-sm\" (click)=\"zoomIn(1)\">\n          Zoom In\n        </button>\n\n        <button type=\"button\" class=\"btn btn-secondary btn-sm\" (click)=\"centerView(0, 0)\">\n          View today\n        </button>\n        <div class=\"btn-group\" ngbDropdown role=\"group\" aria-label=\"Center on today\">\n          <button class=\"btn btn-secondary dropdown-toggle-split\" ngbDropdownToggle></button>\n          <div class=\"dropdown-menu\" ngbDropdownMenu>\n            <button class=\"btn-sm\" (click)=\"centerViewWeek()\" ngbDropdownItem>\n              This week\n            </button>\n            <button class=\"btn-sm\" (click)=\"centerViewMonth()\" ngbDropdownItem>\n              This month\n            </button>\n          </div>\n        </div>\n\n        <button type=\"button\" class=\"btn btn-secondary btn-sm\" (click)=\"zoomOut(1)\">\n          Zoom Out\n        </button>\n      </div>\n      <div class=\"btn-group mr-2\" role=\"group\">\n        <button type=\"button\" class=\"btn btn-secondary btn-sm\" (click)=\"nextDay()\">\n          >\n        </button>\n        <button type=\"button\" class=\"btn btn-secondary btn-sm\" (click)=\"nextCustom(3)\">\n          >>\n        </button>\n      </div>\n    </div>\n  </div>\n</div>\n","styles":[":host{background-color:#eee;display:block;line-height:3em;padding:5px 15px}:host>div{padding-left:8px;padding-right:8px}#plantt-header .col-4,#plantt-header[min-width~=\"1400px\"] .plantt-xlg-col-4{width:33.33333333%;*width:33.23333333%}#plantt-header .col-8,#plantt-header[min-width~=\"740px\"] .plantt-md-col-8{width:66.66666667%;*width:66.56666667%}#plantt-header .order-2,#plantt-header[min-width~=\"740px\"] .plantt-md-order-2,#plantt-header[min-width~=\"1400px\"] .plantt-xlg-order-2{-webkit-box-ordinal-group:3;order:2}#plantt-header .order-1,#plantt-header[min-width~=\"740px\"] .plantt-md-order-1,#plantt-header[min-width~=\"1400px\"] .plantt-xlg-order-1{-webkit-box-ordinal-group:2;order:1}#plantt-header [class*=col-]{padding-bottom:0!important;padding-top:0!important}#plantt-header .custom-switch{padding-left:1em}#plantt-header .custom-switch .custom-control-label{line-height:1.5;padding:calc(.25rem + 1px) .5rem}#plantt-header .custom-switch .custom-control-label:after,#plantt-header .custom-switch .custom-control-label:before{position:relative;top:0}#plantt-header .custom-switch .custom-control-label:before{left:-.3em}#plantt-header .custom-switch .custom-control-label[for=hour-mode-switch]:after{left:-7em}#plantt-header .custom-switch .custom-control-label[for=lock-mode-switch]:after{left:-6.3em}#plantt-header .custom-switch .custom-control-input:checked~.custom-control-label:after{-webkit-transform:none;transform:none}#plantt-header button.calendar,#plantt-header button.calendar:active{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAcCAYAAAAEN20fAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEUSURBVEiJ7ZQxToVAEIY/YCHGxN6XGOIpnpaEsBSeQC9ArZbm9TZ6ADyBNzAhQGGl8Riv4BLAWAgmkpBYkH1b8FWT2WK/zJ8ZJ4qiI6XUI3ANnGKWBnht2/ZBDRK3hgVGNsCd7/ui+JkEIrKtqurLpEWaphd933+IyI3LEIdpCYCiKD6HcuOa/nwOa0ScJEnk0BJg0UTUWJRl6RxCYEzEmomsIlPU3IPW+grIAbquy+q6fluy/28RIBeRMwDXdXMgXLj/B2uimRXpui4D9sBeRLKl+1N+L+t6RwbWrZliTTTr1oxYtzVWiTQAcRxvTX+eJMnlUDaO1vpZRO5NS0x48sIwfPc87xg4B04MCzQi8hIEwe4bl1DnFMCN2zsAAAAASUVORK5CYII=\")!important;background-position:50%;background-repeat:no-repeat;background-size:23px;width:2.75rem}"]}]}],"members":{}}},"origins":{"NgxPlanttBootstrapModule":"./bootstrap/src/ngx-plantt.bootstrap.module","SchedulerComponent":"./bootstrap/src/scheduler/scheduler.component","ɵa":"./bootstrap/src/header/header.component"},"importAs":"@ngx-plantt/bootstrap"}