\\n \\n 0\\\">{{ day.badgeTotal }}\\n {{ day.date | calendarDate:'monthViewDayNumber':locale }}\\n
\\n \\n \\n \\n \\n \\n \",\n host: {\n class: 'cal-cell cal-day-cell',\n '[class.cal-past]': 'day.isPast',\n '[class.cal-today]': 'day.isToday',\n '[class.cal-future]': 'day.isFuture',\n '[class.cal-weekend]': 'day.isWeekend',\n '[class.cal-in-month]': 'day.inMonth',\n '[class.cal-out-month]': '!day.inMonth',\n '[class.cal-has-events]': 'day.events.length > 0',\n '[class.cal-open]': 'day === openDay',\n '[style.backgroundColor]': 'day.backgroundColor'\n }\n },] },\n ];\n /** @nocollapse */\n CalendarMonthCellComponent.ctorParameters = function () { return []; };\n CalendarMonthCellComponent.propDecorators = {\n 'day': [{ type: Input },],\n 'openDay': [{ type: Input },],\n 'locale': [{ type: Input },],\n 'tooltipPlacement': [{ type: Input },],\n 'tooltipAppendToBody': [{ type: Input },],\n 'customTemplate': [{ type: Input },],\n 'tooltipTemplate': [{ type: Input },],\n 'highlightDay': [{ type: Output },],\n 'unhighlightDay': [{ type: Output },],\n 'eventClicked': [{ type: Output },],\n };\n return CalendarMonthCellComponent;\n}());\nexport { CalendarMonthCellComponent };\n//# sourceMappingURL=calendar-month-cell.component.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-calendar/modules/month/calendar-month-cell.component.js\n// module id = ../../../../angular-calendar/modules/month/calendar-month-cell.component.js\n// module chunks = vendor","import { Component, Input } from '@angular/core';\nvar CalendarMonthViewHeaderComponent = /** @class */ (function () {\n function CalendarMonthViewHeaderComponent() {\n }\n CalendarMonthViewHeaderComponent.decorators = [\n { type: Component, args: [{\n selector: 'mwl-calendar-month-view-header',\n template: \"\\n \\n \\n
\\n {{ day.date | calendarDate:'monthViewColumnHeader':locale }}\\n \\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n
\\n \\n \\n
\\n \\n \\n
\\n \",\n animations: [\n trigger('collapse', [\n transition('void => *', [\n style({ height: 0, overflow: 'hidden' }),\n animate('150ms', style({ height: '*' }))\n ]),\n transition('* => void', [\n style({ height: '*', overflow: 'hidden' }),\n animate('150ms', style({ height: 0 }))\n ])\n ])\n ]\n },] },\n ];\n /** @nocollapse */\n CalendarOpenDayEventsComponent.ctorParameters = function () { return []; };\n CalendarOpenDayEventsComponent.propDecorators = {\n 'isOpen': [{ type: Input },],\n 'events': [{ type: Input },],\n 'customTemplate': [{ type: Input },],\n 'eventTitleTemplate': [{ type: Input },],\n 'eventClicked': [{ type: Output },],\n };\n return CalendarOpenDayEventsComponent;\n}());\nexport { CalendarOpenDayEventsComponent };\n//# sourceMappingURL=calendar-open-day-events.component.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-calendar/modules/month/calendar-open-day-events.component.js\n// module id = ../../../../angular-calendar/modules/month/calendar-open-day-events.component.js\n// module chunks = vendor","import { Component, Input, Output, EventEmitter } from '@angular/core';\nvar CalendarWeekViewEventComponent = /** @class */ (function () {\n function CalendarWeekViewEventComponent() {\n this.eventClicked = new EventEmitter();\n }\n CalendarWeekViewEventComponent.decorators = [\n { type: Component, args: [{\n selector: 'mwl-calendar-week-view-event',\n template: \"\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \"\n },] },\n ];\n /** @nocollapse */\n CalendarWeekViewEventComponent.ctorParameters = function () { return []; };\n CalendarWeekViewEventComponent.propDecorators = {\n 'weekEvent': [{ type: Input },],\n 'tooltipPlacement': [{ type: Input },],\n 'tooltipAppendToBody': [{ type: Input },],\n 'customTemplate': [{ type: Input },],\n 'eventTitleTemplate': [{ type: Input },],\n 'tooltipTemplate': [{ type: Input },],\n 'eventClicked': [{ type: Output },],\n };\n return CalendarWeekViewEventComponent;\n}());\nexport { CalendarWeekViewEventComponent };\n//# sourceMappingURL=calendar-week-view-event.component.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-calendar/modules/week/calendar-week-view-event.component.js\n// module id = ../../../../angular-calendar/modules/week/calendar-week-view-event.component.js\n// module chunks = vendor","import { Component, Input, Output, EventEmitter } from '@angular/core';\nvar CalendarWeekViewHeaderComponent = /** @class */ (function () {\n function CalendarWeekViewHeaderComponent() {\n this.dayHeaderClicked = new EventEmitter();\n this.eventDropped = new EventEmitter();\n }\n CalendarWeekViewHeaderComponent.decorators = [\n { type: Component, args: [{\n selector: 'mwl-calendar-week-view-header',\n template: \"\\n \\n \\n \\n \\n \\n \\n \"\n },] },\n ];\n /** @nocollapse */\n CalendarWeekViewHeaderComponent.ctorParameters = function () { return []; };\n CalendarWeekViewHeaderComponent.propDecorators = {\n 'days': [{ type: Input },],\n 'locale': [{ type: Input },],\n 'customTemplate': [{ type: Input },],\n 'dayHeaderClicked': [{ type: Output },],\n 'eventDropped': [{ type: Output },],\n };\n return CalendarWeekViewHeaderComponent;\n}());\nexport { CalendarWeekViewHeaderComponent };\n//# sourceMappingURL=calendar-week-view-header.component.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-calendar/modules/week/calendar-week-view-header.component.js\n// module id = ../../../../angular-calendar/modules/week/calendar-week-view-header.component.js\n// module chunks = vendor","import { Component, Input, Output, EventEmitter, ChangeDetectorRef, LOCALE_ID, Inject } from '@angular/core';\nimport addDays from 'date-fns/add_days';\nimport { CalendarDragHelper } from '../common/calendar-drag-helper.provider';\nimport { CalendarResizeHelper } from '../common/calendar-resize-helper.provider';\nimport { CalendarUtils } from '../common/calendar-utils.provider';\nimport { validateEvents } from '../common/util';\n/**\n * Shows all events on a given week. Example usage:\n *\n * ```typescript\n * \n * \n * ```\n */\nvar CalendarWeekViewComponent = /** @class */ (function () {\n /**\n * @hidden\n */\n function CalendarWeekViewComponent(cdr, utils, locale) {\n this.cdr = cdr;\n this.utils = utils;\n /**\n * An array of events to display on view\n * The schema is available here: https://github.com/mattlewis92/calendar-utils/blob/c51689985f59a271940e30bc4e2c4e1fee3fcb5c/src/calendarUtils.ts#L49-L63\n */\n this.events = [];\n /**\n * An array of day indexes (0 = sunday, 1 = monday etc) that will be hidden on the view\n */\n this.excludeDays = [];\n /**\n * The placement of the event tooltip\n */\n this.tooltipPlacement = 'bottom';\n /**\n * Whether to append tooltips to the body or next to the trigger element\n */\n this.tooltipAppendToBody = true;\n /**\n * The precision to display events.\n * `days` will round event start and end dates to the nearest day and `minutes` will not do this rounding\n */\n this.precision = 'days';\n /**\n * Called when a header week day is clicked. Adding a `cssClass` property on `$event.day` will add that class to the header element\n */\n this.dayHeaderClicked = new EventEmitter();\n /**\n * Called when the event title is clicked\n */\n this.eventClicked = new EventEmitter();\n /**\n * Called when an event is resized or dragged and dropped\n */\n this.eventTimesChanged = new EventEmitter();\n /**\n * An output that will be called before the view is rendered for the current week.\n * If you add the `cssClass` property to a day in the header it will add that class to the cell element in the template\n */\n this.beforeViewRender = new EventEmitter();\n /**\n * @hidden\n */\n this.eventRows = [];\n /**\n * @hidden\n */\n this.currentResizes = new Map();\n this.locale = locale;\n }\n /**\n * @hidden\n */\n CalendarWeekViewComponent.prototype.ngOnInit = function () {\n var _this = this;\n if (this.refresh) {\n this.refreshSubscription = this.refresh.subscribe(function () {\n _this.refreshAll();\n _this.cdr.markForCheck();\n });\n }\n };\n /**\n * @hidden\n */\n CalendarWeekViewComponent.prototype.ngOnChanges = function (changes) {\n if (changes.viewDate || changes.excludeDays || changes.weekendDays) {\n this.refreshHeader();\n }\n if (changes.events) {\n validateEvents(this.events);\n }\n if (changes.events || changes.viewDate || changes.excludeDays) {\n this.refreshBody();\n }\n };\n /**\n * @hidden\n */\n CalendarWeekViewComponent.prototype.ngOnDestroy = function () {\n if (this.refreshSubscription) {\n this.refreshSubscription.unsubscribe();\n }\n };\n /**\n * @hidden\n */\n CalendarWeekViewComponent.prototype.resizeStarted = function (weekViewContainer, weekEvent, resizeEvent) {\n this.currentResizes.set(weekEvent, {\n originalOffset: weekEvent.offset,\n originalSpan: weekEvent.span,\n edge: typeof resizeEvent.edges.left !== 'undefined' ? 'left' : 'right'\n });\n this.dayColumnWidth = this.getDayColumnWidth(weekViewContainer);\n var resizeHelper = new CalendarResizeHelper(weekViewContainer, this.dayColumnWidth);\n this.validateResize = function (_a) {\n var rectangle = _a.rectangle;\n return resizeHelper.validateResize({ rectangle: rectangle });\n };\n this.cdr.markForCheck();\n };\n /**\n * @hidden\n */\n CalendarWeekViewComponent.prototype.resizing = function (weekEvent, resizeEvent, dayWidth) {\n var currentResize = this.currentResizes.get(weekEvent);\n if (resizeEvent.edges.left) {\n var diff = Math.round(+resizeEvent.edges.left / dayWidth);\n weekEvent.offset = currentResize.originalOffset + diff;\n weekEvent.span = currentResize.originalSpan - diff;\n }\n else if (resizeEvent.edges.right) {\n var diff = Math.round(+resizeEvent.edges.right / dayWidth);\n weekEvent.span = currentResize.originalSpan + diff;\n }\n };\n /**\n * @hidden\n */\n CalendarWeekViewComponent.prototype.resizeEnded = function (weekEvent) {\n var currentResize = this.currentResizes.get(weekEvent);\n var daysDiff;\n if (currentResize.edge === 'left') {\n daysDiff = weekEvent.offset - currentResize.originalOffset;\n }\n else {\n daysDiff = weekEvent.span - currentResize.originalSpan;\n }\n weekEvent.offset = currentResize.originalOffset;\n weekEvent.span = currentResize.originalSpan;\n var newStart = weekEvent.event.start;\n var newEnd = weekEvent.event.end;\n if (currentResize.edge === 'left') {\n newStart = addDays(newStart, daysDiff);\n }\n else if (newEnd) {\n newEnd = addDays(newEnd, daysDiff);\n }\n this.eventTimesChanged.emit({ newStart: newStart, newEnd: newEnd, event: weekEvent.event });\n this.currentResizes.delete(weekEvent);\n };\n /**\n * @hidden\n */\n CalendarWeekViewComponent.prototype.eventDragged = function (weekEvent, draggedByPx, dayWidth) {\n var daysDragged = draggedByPx / dayWidth;\n // TODO - remove this check once https://github.com/mattlewis92/angular-draggable-droppable/issues/21 is fixed\n if (daysDragged !== 0) {\n var newStart = addDays(weekEvent.event.start, daysDragged);\n var newEnd = void 0;\n if (weekEvent.event.end) {\n newEnd = addDays(weekEvent.event.end, daysDragged);\n }\n this.eventTimesChanged.emit({ newStart: newStart, newEnd: newEnd, event: weekEvent.event });\n }\n };\n /**\n * @hidden\n */\n CalendarWeekViewComponent.prototype.getDayColumnWidth = function (eventRowContainer) {\n return Math.floor(eventRowContainer.offsetWidth / this.days.length);\n };\n /**\n * @hidden\n */\n CalendarWeekViewComponent.prototype.dragStart = function (weekViewContainer, event) {\n var _this = this;\n this.dayColumnWidth = this.getDayColumnWidth(weekViewContainer);\n var dragHelper = new CalendarDragHelper(weekViewContainer, event);\n this.validateDrag = function (_a) {\n var x = _a.x, y = _a.y;\n return _this.currentResizes.size === 0 && dragHelper.validateDrag({ x: x, y: y });\n };\n this.cdr.markForCheck();\n };\n CalendarWeekViewComponent.prototype.refreshHeader = function () {\n this.days = this.utils.getWeekViewHeader({\n viewDate: this.viewDate,\n weekStartsOn: this.weekStartsOn,\n excluded: this.excludeDays,\n weekendDays: this.weekendDays\n });\n this.beforeViewRender.emit({\n header: this.days\n });\n };\n CalendarWeekViewComponent.prototype.refreshBody = function () {\n this.eventRows = this.utils.getWeekView({\n events: this.events,\n viewDate: this.viewDate,\n weekStartsOn: this.weekStartsOn,\n excluded: this.excludeDays,\n precision: this.precision,\n absolutePositionedEvents: true\n });\n };\n CalendarWeekViewComponent.prototype.refreshAll = function () {\n this.refreshHeader();\n this.refreshBody();\n };\n CalendarWeekViewComponent.decorators = [\n { type: Component, args: [{\n selector: 'mwl-calendar-week-view',\n template: \"\\n \\n \\n \"\n },] },\n ];\n /** @nocollapse */\n CalendarWeekViewComponent.ctorParameters = function () { return [\n { type: ChangeDetectorRef, },\n { type: CalendarUtils, },\n { type: undefined, decorators: [{ type: Inject, args: [LOCALE_ID,] },] },\n ]; };\n CalendarWeekViewComponent.propDecorators = {\n 'viewDate': [{ type: Input },],\n 'events': [{ type: Input },],\n 'excludeDays': [{ type: Input },],\n 'refresh': [{ type: Input },],\n 'locale': [{ type: Input },],\n 'tooltipPlacement': [{ type: Input },],\n 'tooltipTemplate': [{ type: Input },],\n 'tooltipAppendToBody': [{ type: Input },],\n 'weekStartsOn': [{ type: Input },],\n 'headerTemplate': [{ type: Input },],\n 'eventTemplate': [{ type: Input },],\n 'eventTitleTemplate': [{ type: Input },],\n 'precision': [{ type: Input },],\n 'weekendDays': [{ type: Input },],\n 'dayHeaderClicked': [{ type: Output },],\n 'eventClicked': [{ type: Output },],\n 'eventTimesChanged': [{ type: Output },],\n 'beforeViewRender': [{ type: Output },],\n };\n return CalendarWeekViewComponent;\n}());\nexport { CalendarWeekViewComponent };\n//# sourceMappingURL=calendar-week-view.component.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-calendar/modules/week/calendar-week-view.component.js\n// module id = ../../../../angular-calendar/modules/week/calendar-week-view.component.js\n// module chunks = vendor","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ResizableModule } from 'angular-resizable-element';\nimport { DragAndDropModule } from 'angular-draggable-droppable';\nimport { CalendarWeekViewComponent } from './calendar-week-view.component';\nimport { CalendarWeekViewHeaderComponent } from './calendar-week-view-header.component';\nimport { CalendarWeekViewEventComponent } from './calendar-week-view-event.component';\nimport { CalendarCommonModule } from '../common/calendar-common.module';\nexport { CalendarWeekViewComponent } from './calendar-week-view.component';\nvar CalendarWeekModule = /** @class */ (function () {\n function CalendarWeekModule() {\n }\n CalendarWeekModule.decorators = [\n { type: NgModule, args: [{\n imports: [\n CommonModule,\n ResizableModule,\n DragAndDropModule,\n CalendarCommonModule\n ],\n declarations: [\n CalendarWeekViewComponent,\n CalendarWeekViewHeaderComponent,\n CalendarWeekViewEventComponent\n ],\n exports: [\n CalendarWeekViewComponent,\n CalendarWeekViewHeaderComponent,\n CalendarWeekViewEventComponent\n ]\n },] },\n ];\n /** @nocollapse */\n CalendarWeekModule.ctorParameters = function () { return []; };\n return CalendarWeekModule;\n}());\nexport { CalendarWeekModule };\n//# sourceMappingURL=calendar-week.module.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-calendar/modules/week/calendar-week.module.js\n// module id = ../../../../angular-calendar/modules/week/calendar-week.module.js\n// module chunks = vendor","import { NgModule } from '@angular/core';\nimport { DraggableDirective } from './draggable.directive';\nimport { DroppableDirective } from './droppable.directive';\nimport { DraggableHelper } from './draggable-helper.provider';\nvar DragAndDropModule = /** @class */ (function () {\n function DragAndDropModule() {\n }\n DragAndDropModule.forRoot = function () {\n return {\n ngModule: DragAndDropModule,\n providers: [DraggableHelper]\n };\n };\n DragAndDropModule.decorators = [\n { type: NgModule, args: [{\n declarations: [DraggableDirective, DroppableDirective],\n exports: [DraggableDirective, DroppableDirective]\n },] },\n ];\n /** @nocollapse */\n DragAndDropModule.ctorParameters = function () { return []; };\n return DragAndDropModule;\n}());\nexport { DragAndDropModule };\n//# sourceMappingURL=drag-and-drop.module.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-draggable-droppable/dist/esm/src/drag-and-drop.module.js\n// module id = ../../../../angular-draggable-droppable/dist/esm/src/drag-and-drop.module.js\n// module chunks = vendor","import { Subject } from 'rxjs/Subject';\nvar DraggableHelper = /** @class */ (function () {\n function DraggableHelper() {\n this.currentDrag = new Subject();\n }\n return DraggableHelper;\n}());\nexport { DraggableHelper };\n//# sourceMappingURL=draggable-helper.provider.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-draggable-droppable/dist/esm/src/draggable-helper.provider.js\n// module id = ../../../../angular-draggable-droppable/dist/esm/src/draggable-helper.provider.js\n// module chunks = vendor","import { Directive, ElementRef, Renderer2, Output, EventEmitter, Input, NgZone } from '@angular/core';\nimport { Subject } from 'rxjs/Subject';\nimport { Observable } from 'rxjs/Observable';\nimport 'rxjs/add/observable/merge';\nimport 'rxjs/add/operator/map';\nimport 'rxjs/add/operator/mergeMap';\nimport 'rxjs/add/operator/takeUntil';\nimport 'rxjs/add/operator/take';\nimport 'rxjs/add/operator/takeLast';\nimport 'rxjs/add/operator/pairwise';\nimport 'rxjs/add/operator/share';\nimport { DraggableHelper } from './draggable-helper.provider';\nvar MOVE_CURSOR = 'move';\nvar DraggableDirective = /** @class */ (function () {\n /**\n * @hidden\n */\n function DraggableDirective(element, renderer, draggableHelper, zone) {\n this.element = element;\n this.renderer = renderer;\n this.draggableHelper = draggableHelper;\n this.zone = zone;\n this.dragAxis = { x: true, y: true };\n this.dragSnapGrid = {};\n this.ghostDragEnabled = true;\n this.dragCursor = MOVE_CURSOR;\n this.dragStart = new EventEmitter();\n this.dragging = new EventEmitter();\n this.dragEnd = new EventEmitter();\n /**\n * @hidden\n */\n this.pointerDown = new Subject();\n /**\n * @hidden\n */\n this.pointerMove = new Subject();\n /**\n * @hidden\n */\n this.pointerUp = new Subject();\n this.eventListenerSubscriptions = {};\n }\n DraggableDirective.prototype.ngOnInit = function () {\n var _this = this;\n this.checkEventListeners();\n var pointerDrag = this.pointerDown\n .filter(function () { return _this.canDrag(); })\n .flatMap(function (pointerDownEvent) {\n pointerDownEvent.event.preventDefault();\n _this.zone.run(function () {\n _this.dragStart.next({ x: 0, y: 0 });\n });\n _this.setCursor(_this.dragCursor);\n var currentDrag = new Subject();\n _this.draggableHelper.currentDrag.next(currentDrag);\n var pointerMove = _this.pointerMove\n .map(function (pointerMoveEvent) {\n pointerMoveEvent.event.preventDefault();\n return {\n currentDrag: currentDrag,\n x: pointerMoveEvent.clientX - pointerDownEvent.clientX,\n y: pointerMoveEvent.clientY - pointerDownEvent.clientY,\n clientX: pointerMoveEvent.clientX,\n clientY: pointerMoveEvent.clientY\n };\n })\n .map(function (moveData) {\n if (_this.dragSnapGrid.x) {\n moveData.x =\n Math.floor(moveData.x / _this.dragSnapGrid.x) *\n _this.dragSnapGrid.x;\n }\n if (_this.dragSnapGrid.y) {\n moveData.y =\n Math.floor(moveData.y / _this.dragSnapGrid.y) *\n _this.dragSnapGrid.y;\n }\n return moveData;\n })\n .map(function (moveData) {\n if (!_this.dragAxis.x) {\n moveData.x = 0;\n }\n if (!_this.dragAxis.y) {\n moveData.y = 0;\n }\n return moveData;\n })\n .filter(function (_a) {\n var x = _a.x, y = _a.y;\n return !_this.validateDrag || _this.validateDrag({ x: x, y: y });\n })\n .takeUntil(Observable.merge(_this.pointerUp, _this.pointerDown));\n pointerMove.takeLast(1).subscribe(function (_a) {\n var x = _a.x, y = _a.y;\n _this.zone.run(function () {\n _this.dragEnd.next({ x: x, y: y });\n });\n currentDrag.complete();\n _this.setCssTransform(null);\n if (_this.ghostDragEnabled) {\n _this.renderer.setStyle(_this.element.nativeElement, 'pointerEvents', null);\n }\n });\n _this.pointerMove.next(pointerDownEvent);\n return pointerMove;\n })\n .share();\n Observable.merge(pointerDrag.take(1).map(function (value) { return [, value]; }), pointerDrag.pairwise())\n .filter(function (_a) {\n var previous = _a[0], next = _a[1];\n if (!previous) {\n return true;\n }\n return previous.x !== next.x || previous.y !== next.y;\n })\n .map(function (_a) {\n var previous = _a[0], next = _a[1];\n return next;\n })\n .subscribe(function (_a) {\n var x = _a.x, y = _a.y, currentDrag = _a.currentDrag, clientX = _a.clientX, clientY = _a.clientY;\n _this.zone.run(function () {\n _this.dragging.next({ x: x, y: y });\n });\n if (_this.ghostDragEnabled) {\n _this.renderer.setStyle(_this.element.nativeElement, 'pointerEvents', 'none');\n }\n _this.setCssTransform(\"translate(\" + x + \"px, \" + y + \"px)\");\n currentDrag.next({\n clientX: clientX,\n clientY: clientY,\n dropData: _this.dropData\n });\n });\n };\n DraggableDirective.prototype.ngOnChanges = function (changes) {\n if (changes['dragAxis']) {\n this.checkEventListeners();\n }\n };\n DraggableDirective.prototype.ngOnDestroy = function () {\n this.unsubscribeEventListeners();\n this.pointerDown.complete();\n this.pointerMove.complete();\n this.pointerUp.complete();\n };\n DraggableDirective.prototype.checkEventListeners = function () {\n var _this = this;\n var canDrag = this.canDrag();\n var hasEventListeners = Object.keys(this.eventListenerSubscriptions).length > 0;\n if (canDrag && !hasEventListeners) {\n this.zone.runOutsideAngular(function () {\n _this.eventListenerSubscriptions.mousedown = _this.renderer.listen(_this.element.nativeElement, 'mousedown', function (event) {\n _this.onMouseDown(event);\n });\n _this.eventListenerSubscriptions.mouseup = _this.renderer.listen('document', 'mouseup', function (event) {\n _this.onMouseUp(event);\n });\n _this.eventListenerSubscriptions.touchstart = _this.renderer.listen(_this.element.nativeElement, 'touchstart', function (event) {\n _this.onTouchStart(event);\n });\n _this.eventListenerSubscriptions.touchend = _this.renderer.listen('document', 'touchend', function (event) {\n _this.onTouchEnd(event);\n });\n _this.eventListenerSubscriptions.touchcancel = _this.renderer.listen('document', 'touchcancel', function (event) {\n _this.onTouchEnd(event);\n });\n _this.eventListenerSubscriptions.mouseenter = _this.renderer.listen(_this.element.nativeElement, 'mouseenter', function () {\n _this.onMouseEnter();\n });\n _this.eventListenerSubscriptions.mouseleave = _this.renderer.listen(_this.element.nativeElement, 'mouseleave', function () {\n _this.onMouseLeave();\n });\n });\n }\n else if (!canDrag && hasEventListeners) {\n this.unsubscribeEventListeners();\n }\n };\n DraggableDirective.prototype.onMouseDown = function (event) {\n var _this = this;\n if (!this.eventListenerSubscriptions.mousemove) {\n this.eventListenerSubscriptions.mousemove = this.renderer.listen('document', 'mousemove', function (mouseMoveEvent) {\n _this.pointerMove.next({\n event: mouseMoveEvent,\n clientX: mouseMoveEvent.clientX,\n clientY: mouseMoveEvent.clientY\n });\n });\n }\n this.pointerDown.next({\n event: event,\n clientX: event.clientX,\n clientY: event.clientY\n });\n };\n DraggableDirective.prototype.onMouseUp = function (event) {\n if (this.eventListenerSubscriptions.mousemove) {\n this.eventListenerSubscriptions.mousemove();\n delete this.eventListenerSubscriptions.mousemove;\n }\n this.pointerUp.next({\n event: event,\n clientX: event.clientX,\n clientY: event.clientY\n });\n };\n DraggableDirective.prototype.onTouchStart = function (event) {\n var _this = this;\n if (!this.eventListenerSubscriptions.touchmove) {\n this.eventListenerSubscriptions.touchmove = this.renderer.listen('document', 'touchmove', function (touchMoveEvent) {\n _this.pointerMove.next({\n event: touchMoveEvent,\n clientX: touchMoveEvent.targetTouches[0].clientX,\n clientY: touchMoveEvent.targetTouches[0].clientY\n });\n });\n }\n this.pointerDown.next({\n event: event,\n clientX: event.touches[0].clientX,\n clientY: event.touches[0].clientY\n });\n };\n DraggableDirective.prototype.onTouchEnd = function (event) {\n if (this.eventListenerSubscriptions.touchmove) {\n this.eventListenerSubscriptions.touchmove();\n delete this.eventListenerSubscriptions.touchmove;\n }\n this.pointerUp.next({\n event: event,\n clientX: event.changedTouches[0].clientX,\n clientY: event.changedTouches[0].clientY\n });\n };\n DraggableDirective.prototype.onMouseEnter = function () {\n this.setCursor(this.dragCursor);\n };\n DraggableDirective.prototype.onMouseLeave = function () {\n this.setCursor(null);\n };\n DraggableDirective.prototype.setCssTransform = function (value) {\n if (this.ghostDragEnabled) {\n this.renderer.setStyle(this.element.nativeElement, 'transform', value);\n this.renderer.setStyle(this.element.nativeElement, '-webkit-transform', value);\n this.renderer.setStyle(this.element.nativeElement, '-ms-transform', value);\n this.renderer.setStyle(this.element.nativeElement, '-moz-transform', value);\n this.renderer.setStyle(this.element.nativeElement, '-o-transform', value);\n }\n };\n DraggableDirective.prototype.canDrag = function () {\n return this.dragAxis.x || this.dragAxis.y;\n };\n DraggableDirective.prototype.setCursor = function (value) {\n this.renderer.setStyle(this.element.nativeElement, 'cursor', value);\n };\n DraggableDirective.prototype.unsubscribeEventListeners = function () {\n var _this = this;\n Object.keys(this.eventListenerSubscriptions).forEach(function (type) {\n _this.eventListenerSubscriptions[type]();\n delete _this.eventListenerSubscriptions[type];\n });\n };\n DraggableDirective.decorators = [\n { type: Directive, args: [{\n selector: '[mwlDraggable]'\n },] },\n ];\n /** @nocollapse */\n DraggableDirective.ctorParameters = function () { return [\n { type: ElementRef, },\n { type: Renderer2, },\n { type: DraggableHelper, },\n { type: NgZone, },\n ]; };\n DraggableDirective.propDecorators = {\n 'dropData': [{ type: Input },],\n 'dragAxis': [{ type: Input },],\n 'dragSnapGrid': [{ type: Input },],\n 'ghostDragEnabled': [{ type: Input },],\n 'validateDrag': [{ type: Input },],\n 'dragCursor': [{ type: Input },],\n 'dragStart': [{ type: Output },],\n 'dragging': [{ type: Output },],\n 'dragEnd': [{ type: Output },],\n };\n return DraggableDirective;\n}());\nexport { DraggableDirective };\n//# sourceMappingURL=draggable.directive.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-draggable-droppable/dist/esm/src/draggable.directive.js\n// module id = ../../../../angular-draggable-droppable/dist/esm/src/draggable.directive.js\n// module chunks = vendor","import { Directive, ElementRef, Output, EventEmitter, NgZone } from '@angular/core';\nimport 'rxjs/add/operator/distinctUntilChanged';\nimport 'rxjs/add/operator/pairwise';\nimport 'rxjs/add/operator/filter';\nimport { DraggableHelper } from './draggable-helper.provider';\nfunction isCoordinateWithinRectangle(clientX, clientY, rect) {\n return (clientX >= rect.left &&\n clientX <= rect.right &&\n clientY >= rect.top &&\n clientY <= rect.bottom);\n}\nvar DroppableDirective = /** @class */ (function () {\n function DroppableDirective(element, draggableHelper, zone) {\n this.element = element;\n this.draggableHelper = draggableHelper;\n this.zone = zone;\n this.dragEnter = new EventEmitter();\n this.dragLeave = new EventEmitter();\n this.dragOver = new EventEmitter();\n this.drop = new EventEmitter();\n }\n DroppableDirective.prototype.ngOnInit = function () {\n var _this = this;\n this.currentDragSubscription = this.draggableHelper.currentDrag.subscribe(function (drag) {\n var droppableRectangle = _this.element.nativeElement.getBoundingClientRect();\n var currentDragDropData;\n var overlaps = drag.map(function (_a) {\n var clientX = _a.clientX, clientY = _a.clientY, dropData = _a.dropData;\n currentDragDropData = dropData;\n return isCoordinateWithinRectangle(clientX, clientY, droppableRectangle);\n });\n var overlapsChanged = overlaps.distinctUntilChanged();\n var dragOverActive; // TODO - see if there's a way of doing this via rxjs\n overlapsChanged.filter(function (overlapsNow) { return overlapsNow; }).subscribe(function () {\n dragOverActive = true;\n _this.zone.run(function () {\n _this.dragEnter.next({\n dropData: currentDragDropData\n });\n });\n });\n overlaps.filter(function (overlapsNow) { return overlapsNow; }).subscribe(function () {\n _this.zone.run(function () {\n _this.dragOver.next({\n dropData: currentDragDropData\n });\n });\n });\n overlapsChanged\n .pairwise()\n .filter(function (_a) {\n var didOverlap = _a[0], overlapsNow = _a[1];\n return didOverlap && !overlapsNow;\n })\n .subscribe(function () {\n dragOverActive = false;\n _this.zone.run(function () {\n _this.dragLeave.next({\n dropData: currentDragDropData\n });\n });\n });\n drag.flatMap(function () { return overlaps; }).subscribe({\n complete: function () {\n if (dragOverActive) {\n _this.zone.run(function () {\n _this.drop.next({\n dropData: currentDragDropData\n });\n });\n }\n }\n });\n });\n };\n DroppableDirective.prototype.ngOnDestroy = function () {\n this.currentDragSubscription.unsubscribe();\n };\n DroppableDirective.decorators = [\n { type: Directive, args: [{\n selector: '[mwlDroppable]'\n },] },\n ];\n /** @nocollapse */\n DroppableDirective.ctorParameters = function () { return [\n { type: ElementRef, },\n { type: DraggableHelper, },\n { type: NgZone, },\n ]; };\n DroppableDirective.propDecorators = {\n 'dragEnter': [{ type: Output },],\n 'dragLeave': [{ type: Output },],\n 'dragOver': [{ type: Output },],\n 'drop': [{ type: Output },],\n };\n return DroppableDirective;\n}());\nexport { DroppableDirective };\n//# sourceMappingURL=droppable.directive.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-draggable-droppable/dist/esm/src/droppable.directive.js\n// module id = ../../../../angular-draggable-droppable/dist/esm/src/droppable.directive.js\n// module chunks = vendor","export * from './drag-and-drop.module';\nexport * from './draggable-helper.provider';\n//# sourceMappingURL=index.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-draggable-droppable/dist/esm/src/index.js\n// module id = ../../../../angular-draggable-droppable/dist/esm/src/index.js\n// module chunks = vendor","export * from './resizable.module';\nexport { ResizableDirective as Resizable } from './resizable.directive';\nexport { ResizeHandleDirective as ResizeHandle } from './resize-handle.directive';\n//# sourceMappingURL=index.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-resizable-element/dist/esm/src/index.js\n// module id = ../../../../angular-resizable-element/dist/esm/src/index.js\n// module chunks = vendor","import { Directive, Renderer2, ElementRef, Output, Input, EventEmitter, NgZone } from '@angular/core';\nimport { Subject } from 'rxjs/Subject';\nimport { Observable } from 'rxjs/Observable';\nimport { merge } from 'rxjs/observable/merge';\nimport { interval } from 'rxjs/observable/interval';\nimport 'rxjs/add/operator/map';\nimport 'rxjs/add/operator/mergeMap';\nimport 'rxjs/add/operator/takeUntil';\nimport 'rxjs/add/operator/filter';\nimport 'rxjs/add/operator/pairwise';\nimport 'rxjs/add/operator/take';\nimport 'rxjs/add/operator/throttle';\nimport 'rxjs/add/operator/share';\nfunction isNumberCloseTo(value1, value2, precision) {\n if (precision === void 0) { precision = 3; }\n var diff = Math.abs(value1 - value2);\n return diff < precision;\n}\nfunction getNewBoundingRectangle(startingRect, edges, clientX, clientY) {\n var newBoundingRect = {\n top: startingRect.top,\n bottom: startingRect.bottom,\n left: startingRect.left,\n right: startingRect.right\n };\n if (edges.top) {\n newBoundingRect.top += clientY;\n }\n if (edges.bottom) {\n newBoundingRect.bottom += clientY;\n }\n if (edges.left) {\n newBoundingRect.left += clientX;\n }\n if (edges.right) {\n newBoundingRect.right += clientX;\n }\n newBoundingRect.height = newBoundingRect.bottom - newBoundingRect.top;\n newBoundingRect.width = newBoundingRect.right - newBoundingRect.left;\n return newBoundingRect;\n}\nfunction getElementRect(element, ghostElementPositioning) {\n var translateX = 0;\n var translateY = 0;\n var style = element.nativeElement.style;\n var transformProperties = ['transform', '-ms-transform', '-moz-transform', '-o-transform'];\n var transform = transformProperties.map(function (property) { return style[property]; }).find(function (value) { return !!value; });\n if (transform && transform.includes('translate')) {\n translateX = transform.replace(/.*translate\\((.*)px, (.*)px\\).*/, '$1');\n translateY = transform.replace(/.*translate\\((.*)px, (.*)px\\).*/, '$2');\n }\n if (ghostElementPositioning === 'absolute') {\n return {\n height: element.nativeElement.offsetHeight,\n width: element.nativeElement.offsetWidth,\n top: element.nativeElement.offsetTop - translateY,\n bottom: element.nativeElement.offsetHeight + element.nativeElement.offsetTop - translateY,\n left: element.nativeElement.offsetLeft - translateX,\n right: element.nativeElement.offsetWidth + element.nativeElement.offsetLeft - translateX\n };\n }\n else {\n var boundingRect = element.nativeElement.getBoundingClientRect();\n return {\n height: boundingRect.height,\n width: boundingRect.width,\n top: boundingRect.top - translateY,\n bottom: boundingRect.bottom - translateY,\n left: boundingRect.left - translateX,\n right: boundingRect.right - translateX,\n scrollTop: element.nativeElement.scrollTop,\n scrollLeft: element.nativeElement.scrollLeft\n };\n }\n}\nfunction isWithinBoundingY(_a) {\n var clientY = _a.clientY, rect = _a.rect;\n return clientY >= rect.top && clientY <= rect.bottom;\n}\nfunction isWithinBoundingX(_a) {\n var clientX = _a.clientX, rect = _a.rect;\n return clientX >= rect.left && clientX <= rect.right;\n}\nfunction getResizeEdges(_a) {\n var clientX = _a.clientX, clientY = _a.clientY, elm = _a.elm, allowedEdges = _a.allowedEdges, cursorPrecision = _a.cursorPrecision;\n var elmPosition = elm.nativeElement.getBoundingClientRect();\n var edges = {};\n if (allowedEdges.left &&\n isNumberCloseTo(clientX, elmPosition.left, cursorPrecision) &&\n isWithinBoundingY({ clientY: clientY, rect: elmPosition })) {\n edges.left = true;\n }\n if (allowedEdges.right &&\n isNumberCloseTo(clientX, elmPosition.right, cursorPrecision) &&\n isWithinBoundingY({ clientY: clientY, rect: elmPosition })) {\n edges.right = true;\n }\n if (allowedEdges.top &&\n isNumberCloseTo(clientY, elmPosition.top, cursorPrecision) &&\n isWithinBoundingX({ clientX: clientX, rect: elmPosition })) {\n edges.top = true;\n }\n if (allowedEdges.bottom &&\n isNumberCloseTo(clientY, elmPosition.bottom, cursorPrecision) &&\n isWithinBoundingX({ clientX: clientX, rect: elmPosition })) {\n edges.bottom = true;\n }\n return edges;\n}\nvar DEFAULT_RESIZE_CURSORS = Object.freeze({\n topLeft: 'nw-resize',\n topRight: 'ne-resize',\n bottomLeft: 'sw-resize',\n bottomRight: 'se-resize',\n leftOrRight: 'ew-resize',\n topOrBottom: 'ns-resize'\n});\nfunction getResizeCursor(edges, cursors) {\n if (edges.left && edges.top) {\n return cursors.topLeft;\n }\n else if (edges.right && edges.top) {\n return cursors.topRight;\n }\n else if (edges.left && edges.bottom) {\n return cursors.bottomLeft;\n }\n else if (edges.right && edges.bottom) {\n return cursors.bottomRight;\n }\n else if (edges.left || edges.right) {\n return cursors.leftOrRight;\n }\n else if (edges.top || edges.bottom) {\n return cursors.topOrBottom;\n }\n else {\n return '';\n }\n}\nfunction getEdgesDiff(_a) {\n var edges = _a.edges, initialRectangle = _a.initialRectangle, newRectangle = _a.newRectangle;\n var edgesDiff = {};\n Object.keys(edges).forEach(function (edge) {\n edgesDiff[edge] = newRectangle[edge] - initialRectangle[edge];\n });\n return edgesDiff;\n}\nvar RESIZE_ACTIVE_CLASS = 'resize-active';\nvar RESIZE_LEFT_HOVER_CLASS = 'resize-left-hover';\nvar RESIZE_RIGHT_HOVER_CLASS = 'resize-right-hover';\nvar RESIZE_TOP_HOVER_CLASS = 'resize-top-hover';\nvar RESIZE_BOTTOM_HOVER_CLASS = 'resize-bottom-hover';\nvar RESIZE_GHOST_ELEMENT_CLASS = 'resize-ghost-element';\nexport var MOUSE_MOVE_THROTTLE_MS = 50;\n/**\n * Place this on an element to make it resizable. For example:\n *\n * ```html\n * \n * \n * ```\n */\nvar ResizableDirective = /** @class */ (function () {\n /**\n * @hidden\n */\n function ResizableDirective(renderer, elm, zone) {\n this.renderer = renderer;\n this.elm = elm;\n this.zone = zone;\n /**\n * The edges that an element can be resized from. Pass an object like `{top: true, bottom: false}`. By default no edges can be resized.\n */\n this.resizeEdges = {};\n /**\n * Set to `true` to enable a temporary resizing effect of the element in between the `resizeStart` and `resizeEnd` events.\n */\n this.enableGhostResize = false;\n /**\n * A snap grid that resize events will be locked to.\n *\n * e.g. to only allow the element to be resized every 10px set it to `{left: 10, right: 10}`\n */\n this.resizeSnapGrid = {};\n /**\n * The mouse cursors that will be set on the resize edges\n */\n this.resizeCursors = DEFAULT_RESIZE_CURSORS;\n /**\n * Mouse over thickness to active cursor.\n */\n this.resizeCursorPrecision = 3;\n /**\n * Define the positioning of the ghost element (can be fixed or absolute)\n */\n this.ghostElementPositioning = 'fixed';\n /**\n * Called when the mouse is pressed and a resize event is about to begin. `$event` is a `ResizeEvent` object.\n */\n this.resizeStart = new EventEmitter();\n /**\n * Called as the mouse is dragged after a resize event has begun. `$event` is a `ResizeEvent` object.\n */\n this.resizing = new EventEmitter();\n /**\n * Called after the mouse is released after a resize event. `$event` is a `ResizeEvent` object.\n */\n this.resizeEnd = new EventEmitter();\n /**\n * @hidden\n */\n this.mouseup = new Subject();\n /**\n * @hidden\n */\n this.mousedown = new Subject();\n /**\n * @hidden\n */\n this.mousemove = new Subject();\n this.pointerEventListenerSubscriptions = {};\n this.pointerEventListeners = PointerEventListeners.getInstance(renderer, zone);\n }\n /**\n * @hidden\n */\n ResizableDirective.prototype.ngOnInit = function () {\n var _this = this;\n // TODO - use some fancy Observable.merge's for this\n this.pointerEventListenerSubscriptions.pointerDown = this.pointerEventListeners.pointerDown.subscribe(function (_a) {\n var clientX = _a.clientX, clientY = _a.clientY;\n _this.mousedown.next({ clientX: clientX, clientY: clientY });\n });\n this.pointerEventListenerSubscriptions.pointerMove = this.pointerEventListeners.pointerMove.subscribe(function (_a) {\n var clientX = _a.clientX, clientY = _a.clientY, event = _a.event;\n _this.mousemove.next({ clientX: clientX, clientY: clientY, event: event });\n });\n this.pointerEventListenerSubscriptions.pointerUp = this.pointerEventListeners.pointerUp.subscribe(function (_a) {\n var clientX = _a.clientX, clientY = _a.clientY;\n _this.mouseup.next({ clientX: clientX, clientY: clientY });\n });\n var currentResize;\n var removeGhostElement = function () {\n if (currentResize && currentResize.clonedNode) {\n _this.elm.nativeElement.parentElement.removeChild(currentResize.clonedNode);\n _this.renderer.setStyle(_this.elm.nativeElement, 'visibility', 'inherit');\n }\n };\n var mouseMove = this.mousemove.share();\n mouseMove.filter(function () { return !!currentResize; }).subscribe(function (_a) {\n var event = _a.event;\n event.preventDefault();\n });\n mouseMove\n .throttle(function () { return interval(MOUSE_MOVE_THROTTLE_MS); })\n .subscribe(function (_a) {\n var clientX = _a.clientX, clientY = _a.clientY;\n var resizeEdges = getResizeEdges({\n clientX: clientX,\n clientY: clientY,\n elm: _this.elm,\n allowedEdges: _this.resizeEdges,\n cursorPrecision: _this.resizeCursorPrecision\n });\n var resizeCursors = Object.assign({}, DEFAULT_RESIZE_CURSORS, _this.resizeCursors);\n if (currentResize) {\n var cursor = getResizeCursor(currentResize.edges, resizeCursors);\n _this.renderer.setStyle(document.body, 'cursor', cursor);\n }\n else {\n var cursor = getResizeCursor(resizeEdges, resizeCursors);\n _this.renderer.setStyle(_this.elm.nativeElement, 'cursor', cursor);\n }\n _this.setElementClass(_this.elm, RESIZE_ACTIVE_CLASS, !!currentResize);\n _this.setElementClass(_this.elm, RESIZE_LEFT_HOVER_CLASS, resizeEdges.left === true);\n _this.setElementClass(_this.elm, RESIZE_RIGHT_HOVER_CLASS, resizeEdges.right === true);\n _this.setElementClass(_this.elm, RESIZE_TOP_HOVER_CLASS, resizeEdges.top === true);\n _this.setElementClass(_this.elm, RESIZE_BOTTOM_HOVER_CLASS, resizeEdges.bottom === true);\n });\n var mousedrag = this.mousedown\n .flatMap(function (startCoords) {\n function getDiff(moveCoords) {\n return {\n clientX: moveCoords.clientX - startCoords.clientX,\n clientY: moveCoords.clientY - startCoords.clientY\n };\n }\n var getSnapGrid = function () {\n var snapGrid = { x: 1, y: 1 };\n if (currentResize) {\n if (_this.resizeSnapGrid.left && currentResize.edges.left) {\n snapGrid.x = +_this.resizeSnapGrid.left;\n }\n else if (_this.resizeSnapGrid.right && currentResize.edges.right) {\n snapGrid.x = +_this.resizeSnapGrid.right;\n }\n if (_this.resizeSnapGrid.top && currentResize.edges.top) {\n snapGrid.y = +_this.resizeSnapGrid.top;\n }\n else if (_this.resizeSnapGrid.bottom &&\n currentResize.edges.bottom) {\n snapGrid.y = +_this.resizeSnapGrid.bottom;\n }\n }\n return snapGrid;\n };\n function getGrid(coords, snapGrid) {\n return {\n x: Math.ceil(coords.clientX / snapGrid.x),\n y: Math.ceil(coords.clientY / snapGrid.y)\n };\n }\n return merge(mouseMove.take(1).map(function (coords) { return [, coords]; }), mouseMove.pairwise())\n .map(function (_a) {\n var previousCoords = _a[0], newCoords = _a[1];\n return [\n previousCoords ? getDiff(previousCoords) : previousCoords,\n getDiff(newCoords)\n ];\n })\n .filter(function (_a) {\n var previousCoords = _a[0], newCoords = _a[1];\n if (!previousCoords) {\n return true;\n }\n var snapGrid = getSnapGrid();\n var previousGrid = getGrid(previousCoords, snapGrid);\n var newGrid = getGrid(newCoords, snapGrid);\n return previousGrid.x !== newGrid.x || previousGrid.y !== newGrid.y;\n })\n .map(function (_a) {\n var newCoords = _a[1];\n var snapGrid = getSnapGrid();\n return {\n clientX: Math.round(newCoords.clientX / snapGrid.x) * snapGrid.x,\n clientY: Math.round(newCoords.clientY / snapGrid.y) * snapGrid.y\n };\n })\n .takeUntil(merge(_this.mouseup, _this.mousedown));\n })\n .filter(function () { return !!currentResize; });\n mousedrag\n .map(function (_a) {\n var clientX = _a.clientX, clientY = _a.clientY;\n return getNewBoundingRectangle(currentResize.startingRect, currentResize.edges, clientX, clientY);\n })\n .filter(function (newBoundingRect) {\n return !!(newBoundingRect.height &&\n newBoundingRect.width &&\n newBoundingRect.height > 0 &&\n newBoundingRect.width > 0);\n })\n .filter(function (newBoundingRect) {\n return _this.validateResize\n ? _this.validateResize({\n rectangle: newBoundingRect,\n edges: getEdgesDiff({\n edges: currentResize.edges,\n initialRectangle: currentResize.startingRect,\n newRectangle: newBoundingRect\n })\n })\n : true;\n })\n .subscribe(function (newBoundingRect) {\n if (currentResize && currentResize.clonedNode) {\n _this.renderer.setStyle(currentResize.clonedNode, 'height', newBoundingRect.height + \"px\");\n _this.renderer.setStyle(currentResize.clonedNode, 'width', newBoundingRect.width + \"px\");\n _this.renderer.setStyle(currentResize.clonedNode, 'top', newBoundingRect.top + \"px\");\n _this.renderer.setStyle(currentResize.clonedNode, 'left', newBoundingRect.left + \"px\");\n }\n _this.zone.run(function () {\n _this.resizing.emit({\n edges: getEdgesDiff({\n edges: currentResize.edges,\n initialRectangle: currentResize.startingRect,\n newRectangle: newBoundingRect\n }),\n rectangle: newBoundingRect\n });\n });\n currentResize.currentRect = newBoundingRect;\n });\n this.mousedown\n .map(function (_a) {\n var clientX = _a.clientX, clientY = _a.clientY, edges = _a.edges;\n return (edges ||\n getResizeEdges({\n clientX: clientX,\n clientY: clientY,\n elm: _this.elm,\n allowedEdges: _this.resizeEdges,\n cursorPrecision: _this.resizeCursorPrecision\n }));\n })\n .filter(function (edges) {\n return Object.keys(edges).length > 0;\n })\n .subscribe(function (edges) {\n if (currentResize) {\n removeGhostElement();\n }\n var startingRect = getElementRect(_this.elm, _this.ghostElementPositioning);\n currentResize = {\n edges: edges,\n startingRect: startingRect,\n currentRect: startingRect\n };\n if (_this.enableGhostResize) {\n currentResize.clonedNode = _this.elm.nativeElement.cloneNode(true);\n var resizeCursors = Object.assign({}, DEFAULT_RESIZE_CURSORS, _this.resizeCursors);\n _this.elm.nativeElement.parentElement.appendChild(currentResize.clonedNode);\n _this.renderer.setStyle(_this.elm.nativeElement, 'visibility', 'hidden');\n _this.renderer.setStyle(currentResize.clonedNode, 'position', _this.ghostElementPositioning);\n _this.renderer.setStyle(currentResize.clonedNode, 'left', currentResize.startingRect.left + \"px\");\n _this.renderer.setStyle(currentResize.clonedNode, 'top', currentResize.startingRect.top + \"px\");\n _this.renderer.setStyle(currentResize.clonedNode, 'height', currentResize.startingRect.height + \"px\");\n _this.renderer.setStyle(currentResize.clonedNode, 'width', currentResize.startingRect.width + \"px\");\n _this.renderer.setStyle(currentResize.clonedNode, 'cursor', getResizeCursor(currentResize.edges, resizeCursors));\n _this.renderer.addClass(currentResize.clonedNode, RESIZE_GHOST_ELEMENT_CLASS);\n currentResize.clonedNode.scrollTop = currentResize.startingRect\n .scrollTop;\n currentResize.clonedNode.scrollLeft = currentResize.startingRect\n .scrollLeft;\n }\n _this.zone.run(function () {\n _this.resizeStart.emit({\n edges: getEdgesDiff({\n edges: edges,\n initialRectangle: startingRect,\n newRectangle: startingRect\n }),\n rectangle: getNewBoundingRectangle(startingRect, {}, 0, 0)\n });\n });\n });\n this.mouseup.subscribe(function () {\n if (currentResize) {\n _this.renderer.removeClass(_this.elm.nativeElement, RESIZE_ACTIVE_CLASS);\n _this.renderer.setStyle(document.body, 'cursor', '');\n _this.renderer.setStyle(_this.elm.nativeElement, 'cursor', '');\n _this.zone.run(function () {\n _this.resizeEnd.emit({\n edges: getEdgesDiff({\n edges: currentResize.edges,\n initialRectangle: currentResize.startingRect,\n newRectangle: currentResize.currentRect\n }),\n rectangle: currentResize.currentRect\n });\n });\n removeGhostElement();\n currentResize = null;\n }\n });\n };\n /**\n * @hidden\n */\n ResizableDirective.prototype.ngOnDestroy = function () {\n this.mousedown.complete();\n this.mouseup.complete();\n this.mousemove.complete();\n this.pointerEventListenerSubscriptions.pointerDown.unsubscribe();\n this.pointerEventListenerSubscriptions.pointerMove.unsubscribe();\n this.pointerEventListenerSubscriptions.pointerUp.unsubscribe();\n };\n ResizableDirective.prototype.setElementClass = function (elm, name, add) {\n if (add) {\n this.renderer.addClass(elm.nativeElement, name);\n }\n else {\n this.renderer.removeClass(elm.nativeElement, name);\n }\n };\n ResizableDirective.decorators = [\n { type: Directive, args: [{\n selector: '[mwlResizable]'\n },] },\n ];\n /** @nocollapse */\n ResizableDirective.ctorParameters = function () { return [\n { type: Renderer2, },\n { type: ElementRef, },\n { type: NgZone, },\n ]; };\n ResizableDirective.propDecorators = {\n 'validateResize': [{ type: Input },],\n 'resizeEdges': [{ type: Input },],\n 'enableGhostResize': [{ type: Input },],\n 'resizeSnapGrid': [{ type: Input },],\n 'resizeCursors': [{ type: Input },],\n 'resizeCursorPrecision': [{ type: Input },],\n 'ghostElementPositioning': [{ type: Input },],\n 'resizeStart': [{ type: Output },],\n 'resizing': [{ type: Output },],\n 'resizeEnd': [{ type: Output },],\n };\n return ResizableDirective;\n}());\nexport { ResizableDirective };\nvar PointerEventListeners = /** @class */ (function () {\n function PointerEventListeners(renderer, zone) {\n this.pointerDown = new Observable(function (observer) {\n var unsubscribeMouseDown;\n var unsubscribeTouchStart;\n zone.runOutsideAngular(function () {\n unsubscribeMouseDown = renderer.listen('document', 'mousedown', function (event) {\n observer.next({\n clientX: event.clientX,\n clientY: event.clientY,\n event: event\n });\n });\n unsubscribeTouchStart = renderer.listen('document', 'touchstart', function (event) {\n observer.next({\n clientX: event.touches[0].clientX,\n clientY: event.touches[0].clientY,\n event: event\n });\n });\n });\n return function () {\n unsubscribeMouseDown();\n unsubscribeTouchStart();\n };\n }).share();\n this.pointerMove = new Observable(function (observer) {\n var unsubscribeMouseMove;\n var unsubscribeTouchMove;\n zone.runOutsideAngular(function () {\n unsubscribeMouseMove = renderer.listen('document', 'mousemove', function (event) {\n observer.next({\n clientX: event.clientX,\n clientY: event.clientY,\n event: event\n });\n });\n unsubscribeTouchMove = renderer.listen('document', 'touchmove', function (event) {\n observer.next({\n clientX: event.targetTouches[0].clientX,\n clientY: event.targetTouches[0].clientY,\n event: event\n });\n });\n });\n return function () {\n unsubscribeMouseMove();\n unsubscribeTouchMove();\n };\n }).share();\n this.pointerUp = new Observable(function (observer) {\n var unsubscribeMouseUp;\n var unsubscribeTouchEnd;\n var unsubscribeTouchCancel;\n zone.runOutsideAngular(function () {\n unsubscribeMouseUp = renderer.listen('document', 'mouseup', function (event) {\n observer.next({\n clientX: event.clientX,\n clientY: event.clientY,\n event: event\n });\n });\n unsubscribeTouchEnd = renderer.listen('document', 'touchend', function (event) {\n observer.next({\n clientX: event.changedTouches[0].clientX,\n clientY: event.changedTouches[0].clientY,\n event: event\n });\n });\n unsubscribeTouchCancel = renderer.listen('document', 'touchcancel', function (event) {\n observer.next({\n clientX: event.changedTouches[0].clientX,\n clientY: event.changedTouches[0].clientY,\n event: event\n });\n });\n });\n return function () {\n unsubscribeMouseUp();\n unsubscribeTouchEnd();\n unsubscribeTouchCancel();\n };\n }).share();\n }\n PointerEventListeners.getInstance = function (renderer, zone) {\n if (!PointerEventListeners.instance) {\n PointerEventListeners.instance = new PointerEventListeners(renderer, zone);\n }\n return PointerEventListeners.instance;\n };\n return PointerEventListeners;\n}());\n//# sourceMappingURL=resizable.directive.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-resizable-element/dist/esm/src/resizable.directive.js\n// module id = ../../../../angular-resizable-element/dist/esm/src/resizable.directive.js\n// module chunks = vendor","import { NgModule } from '@angular/core';\nimport { ResizableDirective } from './resizable.directive';\nimport { ResizeHandleDirective } from './resize-handle.directive';\nvar ResizableModule = /** @class */ (function () {\n function ResizableModule() {\n }\n ResizableModule.decorators = [\n { type: NgModule, args: [{\n declarations: [ResizableDirective, ResizeHandleDirective],\n exports: [ResizableDirective, ResizeHandleDirective]\n },] },\n ];\n /** @nocollapse */\n ResizableModule.ctorParameters = function () { return []; };\n return ResizableModule;\n}());\nexport { ResizableModule };\n//# sourceMappingURL=resizable.module.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-resizable-element/dist/esm/src/resizable.module.js\n// module id = ../../../../angular-resizable-element/dist/esm/src/resizable.module.js\n// module chunks = vendor","import { Directive, Input, HostListener, Renderer2, ElementRef, NgZone } from '@angular/core';\nimport { ResizableDirective } from './resizable.directive';\n/**\n * An element placed inside a `mwlResizable` directive to be used as a drag and resize handle\n *\n * For example\n *\n * ```html\n * \n * ```\n */\nvar ResizeHandleDirective = /** @class */ (function () {\n function ResizeHandleDirective(renderer, element, zone, resizable) {\n this.renderer = renderer;\n this.element = element;\n this.zone = zone;\n this.resizable = resizable;\n /**\n * The `Edges` object that contains the edges of the parent element that dragging the handle will trigger a resize on\n */\n this.resizeEdges = {};\n this.eventListeners = {};\n }\n ResizeHandleDirective.prototype.ngOnDestroy = function () {\n this.unsubscribeEventListeners();\n };\n /**\n * @private\n */\n ResizeHandleDirective.prototype.onMousedown = function (event, clientX, clientY) {\n var _this = this;\n event.preventDefault();\n this.zone.runOutsideAngular(function () {\n if (!_this.eventListeners.touchmove) {\n _this.eventListeners.touchmove = _this.renderer.listen(_this.element.nativeElement, 'touchmove', function (touchMoveEvent) {\n _this.onMousemove(touchMoveEvent, touchMoveEvent.targetTouches[0].clientX, touchMoveEvent.targetTouches[0].clientY);\n });\n }\n if (!_this.eventListeners.mousemove) {\n _this.eventListeners.mousemove = _this.renderer.listen(_this.element.nativeElement, 'mousemove', function (mouseMoveEvent) {\n _this.onMousemove(mouseMoveEvent, mouseMoveEvent.clientX, mouseMoveEvent.clientY);\n });\n }\n _this.resizable.mousedown.next({\n clientX: clientX,\n clientY: clientY,\n edges: _this.resizeEdges\n });\n });\n };\n /**\n * @private\n */\n ResizeHandleDirective.prototype.onMouseup = function (clientX, clientY) {\n var _this = this;\n this.zone.runOutsideAngular(function () {\n _this.unsubscribeEventListeners();\n _this.resizable.mouseup.next({\n clientX: clientX,\n clientY: clientY,\n edges: _this.resizeEdges\n });\n });\n };\n ResizeHandleDirective.prototype.onMousemove = function (event, clientX, clientY) {\n this.resizable.mousemove.next({\n clientX: clientX,\n clientY: clientY,\n edges: this.resizeEdges,\n event: event\n });\n };\n ResizeHandleDirective.prototype.unsubscribeEventListeners = function () {\n var _this = this;\n Object.keys(this.eventListeners).forEach(function (type) {\n _this.eventListeners[type]();\n delete _this.eventListeners[type];\n });\n };\n ResizeHandleDirective.decorators = [\n { type: Directive, args: [{\n selector: '[mwlResizeHandle]'\n },] },\n ];\n /** @nocollapse */\n ResizeHandleDirective.ctorParameters = function () { return [\n { type: Renderer2, },\n { type: ElementRef, },\n { type: NgZone, },\n { type: ResizableDirective, },\n ]; };\n ResizeHandleDirective.propDecorators = {\n 'resizeEdges': [{ type: Input },],\n 'onMousedown': [{ type: HostListener, args: ['touchstart', [\n '$event',\n '$event.touches[0].clientX',\n '$event.touches[0].clientY'\n ],] }, { type: HostListener, args: ['mousedown', ['$event', '$event.clientX', '$event.clientY'],] },],\n 'onMouseup': [{ type: HostListener, args: ['touchend', [\n '$event.changedTouches[0].clientX',\n '$event.changedTouches[0].clientY'\n ],] }, { type: HostListener, args: ['touchcancel', [\n '$event.changedTouches[0].clientX',\n '$event.changedTouches[0].clientY'\n ],] }, { type: HostListener, args: ['mouseup', ['$event.clientX', '$event.clientY'],] },],\n };\n return ResizeHandleDirective;\n}());\nexport { ResizeHandleDirective };\n//# sourceMappingURL=resize-handle.directive.js.map\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular-resizable-element/dist/esm/src/resize-handle.directive.js\n// module id = ../../../../angular-resizable-element/dist/esm/src/resize-handle.directive.js\n// module chunks = vendor","\"use strict\";\r\nfunction __export(m) {\r\n for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar core_1 = require(\"@angular/core\");\r\nvar captcha_component_1 = require(\"./lib/captcha.component\");\r\nvar captcha_service_1 = require(\"./lib/captcha.service\");\r\nvar ReCaptchaModule = (function () {\r\n function ReCaptchaModule() {\r\n }\r\n return ReCaptchaModule;\r\n}());\r\nReCaptchaModule.decorators = [\r\n { type: core_1.NgModule, args: [{\r\n declarations: [captcha_component_1.ReCaptchaComponent],\r\n exports: [captcha_component_1.ReCaptchaComponent],\r\n providers: [captcha_service_1.RECAPTCHA_SERVICE_PROVIDER]\r\n },] },\r\n];\r\n/** @nocollapse */\r\nReCaptchaModule.ctorParameters = function () { return []; };\r\nexports.ReCaptchaModule = ReCaptchaModule;\r\n__export(require(\"./lib/captcha.component\"));\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular2-recaptcha/angular2-recaptcha.js\n// module id = ../../../../angular2-recaptcha/angular2-recaptcha.js\n// module chunks = vendor","\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar core_1 = require(\"@angular/core\");\r\nvar forms_1 = require(\"@angular/forms\");\r\nvar captcha_service_1 = require(\"./captcha.service\");\r\nvar ReCaptchaComponent = (function () {\r\n function ReCaptchaComponent(_zone, _captchaService) {\r\n this._zone = _zone;\r\n this._captchaService = _captchaService;\r\n this.site_key = null;\r\n this.theme = 'light';\r\n this.type = 'image';\r\n this.size = 'normal';\r\n this.tabindex = 0;\r\n this.badge = 'bottomright';\r\n /* Available languages: https://developers.google.com/recaptcha/docs/language */\r\n this.language = null;\r\n this.captchaResponse = new core_1.EventEmitter();\r\n this.captchaExpired = new core_1.EventEmitter();\r\n this.widgetId = null;\r\n this.onChange = function () { };\r\n this.onTouched = function () { };\r\n }\r\n ReCaptchaComponent.prototype.ngOnInit = function () {\r\n var _this = this;\r\n this._captchaService.getReady(this.language)\r\n .subscribe(function (ready) {\r\n if (!ready)\r\n return;\r\n // noinspection TypeScriptUnresolvedVariable,TypeScriptUnresolvedFunction\r\n _this.widgetId = window.grecaptcha.render(_this.targetRef.nativeElement, {\r\n 'sitekey': _this.site_key,\r\n 'badge': _this.badge,\r\n 'theme': _this.theme,\r\n 'type': _this.type,\r\n 'size': _this.size,\r\n 'tabindex': _this.tabindex,\r\n 'callback': (function (response) { return _this._zone.run(_this.recaptchaCallback.bind(_this, response)); }),\r\n 'expired-callback': (function () { return _this._zone.run(_this.recaptchaExpiredCallback.bind(_this)); })\r\n });\r\n });\r\n };\r\n // noinspection JSUnusedGlobalSymbols\r\n ReCaptchaComponent.prototype.reset = function () {\r\n if (this.widgetId === null)\r\n return;\r\n // noinspection TypeScriptUnresolvedVariable\r\n window.grecaptcha.reset(this.widgetId);\r\n this.onChange(null);\r\n };\r\n // noinspection JSUnusedGlobalSymbols\r\n ReCaptchaComponent.prototype.execute = function () {\r\n if (this.widgetId === null)\r\n return;\r\n // noinspection TypeScriptUnresolvedVariable\r\n window.grecaptcha.execute(this.widgetId);\r\n };\r\n ReCaptchaComponent.prototype.getResponse = function () {\r\n if (this.widgetId === null)\r\n return null;\r\n // noinspection TypeScriptUnresolvedVariable\r\n return window.grecaptcha.getResponse(this.widgetId);\r\n };\r\n ReCaptchaComponent.prototype.writeValue = function (newValue) {\r\n /* ignore it */\r\n };\r\n ReCaptchaComponent.prototype.registerOnChange = function (fn) {\r\n this.onChange = fn;\r\n };\r\n ReCaptchaComponent.prototype.registerOnTouched = function (fn) {\r\n this.onTouched = fn;\r\n };\r\n ReCaptchaComponent.prototype.recaptchaCallback = function (response) {\r\n this.onChange(response);\r\n this.onTouched();\r\n this.captchaResponse.emit(response);\r\n };\r\n ReCaptchaComponent.prototype.recaptchaExpiredCallback = function () {\r\n this.onChange(null);\r\n this.onTouched();\r\n this.captchaExpired.emit();\r\n };\r\n return ReCaptchaComponent;\r\n}());\r\nReCaptchaComponent.decorators = [\r\n { type: core_1.Component, args: [{\r\n selector: 're-captcha',\r\n template: '',\r\n providers: [\r\n {\r\n provide: forms_1.NG_VALUE_ACCESSOR,\r\n useExisting: core_1.forwardRef(function () { return ReCaptchaComponent; }),\r\n multi: true\r\n }\r\n ]\r\n },] },\r\n];\r\n/** @nocollapse */\r\nReCaptchaComponent.ctorParameters = function () { return [\r\n { type: core_1.NgZone, },\r\n { type: captcha_service_1.ReCaptchaService, },\r\n]; };\r\nReCaptchaComponent.propDecorators = {\r\n 'site_key': [{ type: core_1.Input },],\r\n 'theme': [{ type: core_1.Input },],\r\n 'type': [{ type: core_1.Input },],\r\n 'size': [{ type: core_1.Input },],\r\n 'tabindex': [{ type: core_1.Input },],\r\n 'badge': [{ type: core_1.Input },],\r\n 'language': [{ type: core_1.Input },],\r\n 'captchaResponse': [{ type: core_1.Output },],\r\n 'captchaExpired': [{ type: core_1.Output },],\r\n 'targetRef': [{ type: core_1.ViewChild, args: ['target',] },],\r\n};\r\nexports.ReCaptchaComponent = ReCaptchaComponent;\r\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// C:/Users/Paipe Eduardo/Documents/dev/cadsuf/src/Suframa.Cadsuf.UserInterface/node_modules/angular2-recaptcha/lib/captcha.component.js\n// module id = ../../../../angular2-recaptcha/lib/captcha.component.js\n// module chunks = vendor","\"use strict\";\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar core_1 = require(\"@angular/core\");\r\nvar BehaviorSubject_1 = require(\"rxjs/BehaviorSubject\");\r\n/*\r\n * Common service shared by all reCaptcha component instances\r\n * through dependency injection.\r\n * This service has the task of loading the reCaptcha API once for all.\r\n * Only the first instance of the component creates the service, subsequent\r\n * components will use the existing instance.\r\n *\r\n * As the language is passed to the