Skip to content
Snippets Groups Projects
Commit 73fd1424 authored by John Smith's avatar John Smith
Browse files

fix: remove dist

parent 1a9dc4bf
Branches
No related tags found
No related merge requests found
dist
export { Feedback } from './lib/feedback';
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var feedback_1 = require("./lib/feedback");
exports.Feedback = feedback_1.Feedback;
//# sourceMappingURL=index.js.map
\ No newline at end of file
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":";;AAAA,2CAA0C;AAAjC,8BAAA,QAAQ,CAAA"}
\ No newline at end of file
#feedback-js {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
flex-direction: column;
box-sizing: border-box;
display: flex;
max-height: 100%;
align-content: center;
justify-content: center;
align-items: center;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; }
#feedback-js div.fb-form-container {
min-height: 636px;
min-width: 360px;
max-width: 360px;
z-index: 30; }
#feedback-js div.fb-form-container form, #feedback-js div.fb-form-container .status {
flex-direction: column;
box-sizing: border-box;
display: flex;
align-content: stretch;
justify-content: flex-start;
align-items: stretch;
z-index: 2;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px, rgba(0, 0, 0, 0.2) 0px 11px 15px -7px;
background-color: #fafafa; }
#feedback-js div.fb-form-container form .fb-header {
background-color: #607d8b;
box-sizing: border-box;
color: #fff;
height: 56px; }
#feedback-js div.fb-form-container form .fb-header h1 {
color: #fff;
float: left;
font-style: normal;
font-variant: normal;
font-weight: 300;
font-stretch: normal;
font-size: 20px;
line-height: 56px;
padding: 0px 16px;
margin: 0px; }
#feedback-js div.fb-form-container form textarea {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 196px;
border: none;
box-sizing: border-box;
box-shadow: none;
color: #212121;
flex-grow: 1;
font-style: normal;
font-variant: normal;
font-weight: 400;
font-stretch: normal;
font-size: 16px;
line-height: normal;
max-width: 100%;
outline: none;
padding: 18px 16px 0px;
resize: none;
width: 100%; }
#feedback-js div.fb-form-container form textarea::-webkit-input-placeholder, #feedback-js div.fb-form-container form textarea:-ms-input-placeholder, #feedback-js div.fb-form-container form textarea::-moz-placeholder {
color: #bdbdbd; }
#feedback-js div.fb-form-container form .fb-checkbox label {
cursor: pointer;
align-items: center;
display: -webkit-flex;
font-style: normal;
font-variant: normal;
font-weight: 400;
font-stretch: normal;
font-size: 14px;
line-height: 20px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
justify-content: flex-start;
padding: 8px 16px 0px 8px;
-webkit-tap-highlight-color: transparent;
width: auto; }
#feedback-js div.fb-form-container form .fb-checkbox input {
display: none; }
#feedback-js div.fb-form-container form .fb-checkbox div {
background-color: transparent;
border-radius: 50%;
height: 32px;
width: 32px;
flex-direction: column;
box-sizing: border-box;
display: flex;
max-height: 100%;
align-content: center;
justify-content: center;
align-items: center; }
#feedback-js div.fb-form-container form .fb-screenshot {
align-items: center;
background-color: #eeeeee;
color: #9e9e9e;
display: -webkit-flex;
height: 192px;
justify-content: center;
margin: 8px 0px 12px;
overflow: hidden;
position: relative;
cursor: pointer; }
#feedback-js div.fb-form-container form .fb-screenshot canvas {
width: auto !important;
max-height: 100%; }
#feedback-js div.fb-form-container form small {
color: #757575;
display: block;
font-style: normal;
font-variant: normal;
font-weight: 400;
font-stretch: normal;
font-size: 12px;
line-height: 1.4;
letter-spacing: 0.05px;
padding: 0px 16px 12px; }
#feedback-js div.fb-form-container form .fb-actions {
align-items: stretch;
border-top: 1px solid #e0e0e0;
box-sizing: border-box;
height: 56px;
display: -webkit-flex;
flex-direction: row-reverse; }
#feedback-js div.fb-form-container .status {
height: 56px;
padding-left: 8px;
flex-direction: row;
box-sizing: border-box;
display: flex;
max-height: 100%;
align-content: center;
justify-content: space-between;
align-items: center; }
#feedback-js canvas.draw-area {
position: fixed;
top: 0;
left: 0; }
#feedback-js canvas.draw-area.active {
cursor: crosshair; }
#feedback-js div.fb-draw-options {
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
z-index: 30;
align-items: center;
background-color: #fff;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.14) 0px 24px 38px 3px, rgba(0, 0, 0, 0.12) 0px 9px 46px 8px, rgba(0, 0, 0, 0.2) 0px 11px 15px -7px;
display: -webkit-inline-flex;
display: inline-flex;
flex-direction: row;
height: 56px;
min-width: 232px; }
#feedback-js div.fb-draw-options .dragger {
height: 100%;
background-color: #fff;
cursor: move;
cursor: -webkit-grab; }
#feedback-js div.mat-button {
align-items: center;
align-self: stretch;
box-sizing: border-box;
display: -webkit-inline-flex;
min-height: 48px;
padding: 0px 8px; }
#feedback-js div.mat-button.primary {
color: #4285f4; }
#feedback-js div.mat-button button {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
background-color: transparent;
border-color: transparent;
border-radius: 2px;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-style: normal;
font-variant: normal;
font-weight: 500;
font-stretch: normal;
font-size: 14px;
line-height: 20px;
height: 36px;
margin: 0px;
min-width: 64px;
opacity: 1;
outline: none;
padding: 0px 8px;
text-transform: uppercase; }
#feedback-js div.mat-button button:hover {
background-color: #eeeeee; }
#feedback-js .helpers {
position: absolute;
top: 0;
left: 0; }
#feedback-js .helpers .highlight:hover div {
background-color: rgba(0, 68, 255, 0.1); }
export interface FeedbackOptions {
classPrefix?: string;
backgroundOpacity?: number;
allowedTags?: string[];
footnote?: string;
endpoint: string;
}
export interface HTML2CanvasOptions {
async?: boolean;
allowTaint?: boolean;
backgroundColor?: string;
canvas?: HTMLCanvasElement;
foreignObjectRendering?: boolean;
imageTimeout?: number;
logging?: boolean;
proxy?: string;
removeContainer?: boolean;
scale?: number;
useCORS?: boolean;
width?: number;
height?: number;
x?: number;
y?: number;
scrollX?: number;
scrollY?: number;
windowWidth?: number;
windowHeight?: number;
}
export declare class Feedback {
private _options;
private _html2canvasOptions;
private _initState;
private _initArea;
private _state;
private _root;
private _formContainer;
private _form;
private _checkbox;
private _checkboxSvg;
private _checkboxSvgPath;
private _screenshotContainer;
private _screenshotCanvas;
private _footnoteContainer;
private _sendingContainer;
private _sentContainer;
private _errorContainer;
private _drawOptions;
private _dragger;
private _canvas;
private _ctx;
private _area;
private _highlightedArea;
private _helpersContainer;
private _helperElements;
private _helpers;
private _helperIdx;
private _drawOptionsPos;
private _checkedColor;
private _uncheckedColor;
private _checkedPath;
private _uncheckedPath;
constructor(options?: FeedbackOptions, html2canvasOptions?: HTML2CanvasOptions);
open(): void;
close: () => void;
private _reset();
private _createModal();
private _send();
private _closeListener;
private _toggleScreenshot;
private _genScreenshot();
private _openDrawer;
private _closeDrawer;
private _createHeader();
private _createForm();
private _createCanvas();
private _resize;
private _createTextarea();
private _createCheckboxContainer();
private _createScreenshotContainer();
private _createFootnote();
private _createActionsContainer();
private _createDrawOptions();
private _createHelpersContainer();
private _dragStart;
private _dragDrag;
private _dragStop;
private _drawStart;
private _drawStop;
private _drawDraw;
private _resetCanvas();
private _drawHighlightLines();
private _paintArea(highlight?);
private _redraw(withBorder?);
private _drawLines(x, y, width, height);
private _createHelper(helper);
private _highlightElement;
private _addHighlightedElement;
private _onScroll;
private _showSending();
private _showSent();
private _showError();
}
This diff is collapsed.
This diff is collapsed.
......@@ -14,6 +14,7 @@ import * as html2canvas from 'html2canvas';
- blackout
- edit (on screenshot)
- helper when opening drawer first
- ripple effect for checkbox
- use options (like backgroundOpacity, classPrefix)
*/
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment