export declare const DEFAULT_TEMPLATE = "\n<div class=\"canvas_wrapper_div\">\n     <span class=\"canvas_whiteboard_buttons\">\n         <canvas-whiteboard-colorpicker *ngIf=\"colorPickerEnabled\" [selectedColor]=\"strokeColor\" (onColorSelected)=\"changeColor($event)\"></canvas-whiteboard-colorpicker>\n         <button *ngIf=\"drawButtonEnabled\" (click)=\"toggleShouldDraw()\"\n                 [class.canvas_whiteboard_button-draw_animated]=\"buttonAnimation && getShouldDraw()\"\n                 [class.selected]=\"!buttonAnimation && getShouldDraw()\"\n                 class=\"canvas_whiteboard_button canvas_whiteboard_button-draw\" type=\"button\">\n                <i [class]=\"drawButtonClass\" aria-hidden=\"true\"></i>\n                   {{drawButtonText}}\n        </button>\n        \n        <button *ngIf=\"polygonButtonEnabled\" (click)=\"toggleShouldDrawPolygon()\"\n                 [class.canvas_whiteboard_button-draw_animated]=\"buttonAnimation && getShouldDrawPolygon()\"\n                 [class.selected]=\"!buttonAnimation && getShouldDrawPolygon()\"\n                 class=\"canvas_whiteboard_button canvas_whiteboard_button-draw-polygon\" type=\"button\">\n                <i [class]=\"polygonButtonClass\" aria-hidden=\"true\"></i>\n                   {{polygonButtonText}}\n        </button>\n        \n        <button *ngIf=\"lineButtonEnabled\" (click)=\"toggleShouldDrawLine()\"\n                 [class.canvas_whiteboard_button-draw_animated]=\"buttonAnimation && getShouldDrawLine()\"\n                 [class.selected]=\"!buttonAnimation && getShouldDrawLine()\"\n                 class=\"canvas_whiteboard_button canvas_whiteboard_button-draw-line\" type=\"button\">\n                <i [class]=\"lineButtonClass\" aria-hidden=\"true\"></i>\n                   {{lineButtonText}}\n        </button>\n        \n        <button *ngIf=\"eraseButtonEnabled\" (click)=\"toggleShouldErase()\"\n                 [class.canvas_whiteboard_button-draw_animated]=\"buttonAnimation && getShouldErase()\"\n                 [class.selected]=\"!buttonAnimation && getShouldErase()\"\n                 class=\"canvas_whiteboard_button canvas_whiteboard_button-erase\" type=\"button\">\n                <i [class]=\"eraseButtonClass\" aria-hidden=\"true\"></i>\n                   {{eraseButtonText}}\n        </button>\n        \n        <button *ngIf=\"clearButtonEnabled\" (click)=\"clearCanvasLocal()\" type=\"button\" class=\"canvas_whiteboard_button canvas_whiteboard_button-clear\">\n            <i [class]=\"clearButtonClass\" aria-hidden=\"true\"></i>\n                    {{clearButtonText}}\n        </button>\n        \n         <button *ngIf=\"undoButtonEnabled\" (click)=\"undoLocal()\" type=\"button\" class=\"canvas_whiteboard_button canvas_whiteboard_button-undo\">\n             <i [class]=\"undoButtonClass\" aria-hidden=\"true\"></i>\n                    {{undoButtonText}} \n         </button>\n         \n         <button *ngIf=\"redoButtonEnabled\" (click)=\"redoLocal()\" type=\"button\" class=\"canvas_whiteboard_button canvas_whiteboard_button-redo\">\n             <i [class]=\"redoButtonClass\" aria-hidden=\"true\"></i>\n                    {{redoButtonText}}\n         </button> \n         <button *ngIf=\"saveDataButtonEnabled\" (click)=\"saveLocal()\" type=\"button\" class=\"canvas_whiteboard_button canvas_whiteboard_button-save\">\n             <i [class]=\"saveDataButtonClass\" aria-hidden=\"true\"></i>\n                    {{saveDataButtonText}}\n         </button>\n     </span>\n    <canvas #canvas\n            (mousedown)=\"canvasUserEvents($event)\" (mouseup)=\"canvasUserEvents($event)\"\n            (mousemove)=\"canvasUserEvents($event)\" (mouseout)=\"canvasUserEvents($event)\"\n            (touchstart)=\"canvasUserEvents($event)\" (touchmove)=\"canvasUserEvents($event)\"\n            (touchend)=\"canvasUserEvents($event)\" (touchcancel)=\"canvasUserEvents($event)\">\n    </canvas>\n</div>\n    ";
export declare const DEFAULT_STYLES = "\n.canvas_whiteboard_button {\n    display: inline-block;\n    outline: 0px;\n    padding-top: 7px;\n    margin-bottom: 0;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.42857143;\n    text-align: center;\n    white-space: nowrap;\n    vertical-align: middle;\n    -ms-touch-action: manipulation;\n    touch-action: manipulation;\n    cursor: pointer;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    background-image: none;\n    border: 1px solid transparent;\n    border-radius: 4px;\n}\n@media (max-width: 400px) {\n     .canvas_whiteboard_buttons {\n            position: absolute;\n            top: 0;\n            width: 100%;\n            text-align: center;\n      }\n}\n        \n@media (min-width: 401px) { \n    .canvas_whiteboard_buttons {\n        position: absolute;\n        right: 0%;\n        color: #fff;\n    }\n}\n\n.canvas_whiteboard_buttons {\n    padding: 5px;\n}\n\n.canvas_whiteboard_buttons > button {\n    margin: 5px;\n    color: #159adf;\n    background-color: #fff;\n    padding: 4px 14px 3px;\n    border: 1px solid #d0d0d0;\n}\n\n.canvas_whiteboard_buttons > button.selected {\n    color: #fff;\n    background-color: #159adf;\n}\n\n.canvas_whiteboard_button-draw_animated {\n    -webkit-animation: pulsate 1s ease-out;\n    -webkit-animation-iteration-count: infinite;\n}\n\n@-webkit-keyframes pulsate {\n    0% {\n        -webkit-transform: scale(0.1, 0.1);\n        opacity: 0.0;\n    }\n    50% {\n        opacity: 1.0;\n    }\n    100% {\n        -webkit-transform: scale(1.2, 1.2);\n        opacity: 0.0;\n    }\n}\n.canvas_wrapper_div {\n    width: 100%;\n    height: 100%;\n    border: 0.5px solid #e2e2e2;\n}\n\n.canvas_whiteboard_button-clear {\n    padding-top: 5px;\n}";