painterro/build/painterro.commonjs2.js

HTML5 image editing widget (js paint plugin)

/*! For license information please see painterro.commonjs2.js.LICENSE.txt */
module.exports=(()=>{var t={737:(t,e,r)=>{"use strict";r.d(e,{Z:()=>l});var n=r(15),i=r.n(n),o=r(645),a=r.n(o)()(i());a.push([t.id,'.color-diwget-btn {\n    height: 32px;\n    width: 32px;\n    cursor: pointer;\n    z-index: 1;\n}\n\n.color-diwget-btn-substrate {\n    width: 32px;\n}\n\nselect.ptro-input[data-id=\'fontName\'] {\n    width: 45px;\n}\n\n.ptro-bar .ptro-tool-ctl-name {\n    padding: 0 2px 0 0;\n    font-family: "Open Sans", sans-serif;\n    line-height: 22px;\n}\n\n.ptro-bar .ptro-tool-ctl-name {\n    margin-left: 5px;\n    border-top-left-radius: 10px;\n    border-bottom-left-radius: 10px;\n    padding-left: 3px;\n    padding-top: 4px;\n    padding-bottom: 4px;\n}\n\n.ptro-info {\n    font-family: "Open Sans", sans-serif;\n    font-size: 10px;\n    padding: 4px;\n    margin-left: auto;\n    word-break: keep-all;\n    white-space: normal;\n    text-align: right;\n}\n\n.ptro-info > span {\n    opacity: 0.5;\n}\n\n@media screen and (max-width: 768px) {\n    .ptro-bar > div {\n        white-space: nowrap;\n    }\n    span.ptro-bar-right {\n        float: none;\n    }\n    span.ptro-info {\n        display: none;\n    }\n    \n}\n\n.ptro-bar .ptro-input {\n    height: 32px;\n    line-height: 32px;\n    font-family: "Open Sans", sans-serif;\n    font-size: 16px;\n    position: relative;\n    padding-left: 2px;\n    padding-right: 0;\n}\n\n.ptro-bar .ptro-input[type="number"] {\n    width: 42px;\n}\n\n.ptro-bar .ptro-named-btn p {\n    margin: 0;\n}\n\n.ptro-bar {\n    bottom: 0;\n    position: absolute;\n    width: 100%;\n    font-size: 16px;\n    line-height: normal;\n}\n\n.ptro-bar > div {\n    position: relative;\n}\n\n.ptro-bar > div::-webkit-scrollbar {\n    height: 2px;\n}\n    \n/* Track */\n.ptro-bar > div::-webkit-scrollbar-track {\n    background: #f1f1f1;\n}\n    \n/* Handle */\n.ptro-bar > div::-webkit-scrollbar-thumb {\n    background: #888;\n}\n    \n/* Handle on hover */\n.ptro-bar > div::-webkit-scrollbar-thumb:hover {\n    background: #555;\n}\n\n.ptro-bar .ptro-icon-btn {\n}\n\nbutton.ptro-icon-right:first-of-type {\n    margin-right: 4px;\n}\n\nbutton.ptro-input[data-value="false"],button.ptro-input[data-value="true"] {\n    width: 28px;\n    height: 28px;\n    border: 0;\n    background: transparent;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-left: 0px;\n    cursor: pointer;\n    outline: 0;\n}\n\nbutton.ptro-input[data-value="true"]::after {\n    content: \'✔\';\n    font-size: 20px;\n    line-height: 12px;\n    width: 12px;\n    height: 12px;\n    border: 0;\n    /* background: rgba(0,0,0,0.5); */\n    display: inline-block;\n}\n\n@-webkit-keyframes ptro-spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg);\n  }\n}\n@keyframes ptro-spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg);\n  }\n}\n\n.ptro-spinning {\n    -webkit-animation: ptro-spin 0.5s infinite steps(9);\n    animation: ptro-spin 0.8s infinite steps(9);\n    display: inline-block;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n}\n\n#container-bar {\n    display: block;\n}',"",{version:3,sources:["webpack://./css/bar-styles.css"],names:[],mappings:"AAAA;IACI,YAAY;IACZ,WAAW;IACX,eAAe;IACf,UAAU;AACd;;AAEA;IACI,WAAW;AACf;;AAEA;IACI,WAAW;AACf;;AAEA;IACI,kBAAkB;IAClB,oCAAoC;IACpC,iBAAiB;AACrB;;AAEA;IACI,gBAAgB;IAChB,4BAA4B;IAC5B,+BAA+B;IAC/B,iBAAiB;IACjB,gBAAgB;IAChB,mBAAmB;AACvB;;AAEA;IACI,oCAAoC;IACpC,eAAe;IACf,YAAY;IACZ,iBAAiB;IACjB,oBAAoB;IACpB,mBAAmB;IACnB,iBAAiB;AACrB;;AAEA;IACI,YAAY;AAChB;;AAEA;IACI;QACI,mBAAmB;IACvB;IACA;QACI,WAAW;IACf;IACA;QACI,aAAa;IACjB;;AAEJ;;AAEA;IACI,YAAY;IACZ,iBAAiB;IACjB,oCAAoC;IACpC,eAAe;IACf,kBAAkB;IAClB,iBAAiB;IACjB,gBAAgB;AACpB;;AAEA;IACI,WAAW;AACf;;AAEA;IACI,SAAS;AACb;;AAEA;IACI,SAAS;IACT,kBAAkB;IAClB,WAAW;IACX,eAAe;IACf,mBAAmB;AACvB;;AAEA;IACI,kBAAkB;AACtB;;AAEA;IACI,WAAW;AACf;;AAEA,UAAU;AACV;IACI,mBAAmB;AACvB;;AAEA,WAAW;AACX;IACI,gBAAgB;AACpB;;AAEA,oBAAoB;AACpB;IACI,gBAAgB;AACpB;;AAEA;AACA;;AAEA;IACI,iBAAiB;AACrB;;AAEA;IACI,WAAW;IACX,YAAY;IACZ,SAAS;IACT,uBAAuB;IACvB,aAAa;IACb,uBAAuB;IACvB,mBAAmB;IACnB,iBAAiB;IACjB,eAAe;IACf,UAAU;AACd;;AAEA;IACI,YAAY;IACZ,eAAe;IACf,iBAAiB;IACjB,WAAW;IACX,YAAY;IACZ,SAAS;IACT,iCAAiC;IACjC,qBAAqB;AACzB;;AAEA;EACE;IACE,+BAA+B;IAC/B,uBAAuB;EACzB;EACA;IACE,iCAAiC;IACjC,yBAAyB;EAC3B;AACF;AACA;EACE;IACE,+BAA+B;IAC/B,uBAAuB;EACzB;EACA;IACE,iCAAiC;IACjC,yBAAyB;EAC3B;AACF;;AAEA;IACI,mDAAmD;IACnD,2CAA2C;IAC3C,qBAAqB;IACrB,oBAAoB;IACpB,mCAAmC;AACvC;;AAEA;IACI,cAAc;AAClB",sourcesContent:['.color-diwget-btn {\n    height: 32px;\n    width: 32px;\n    cursor: pointer;\n    z-index: 1;\n}\n\n.color-diwget-btn-substrate {\n    width: 32px;\n}\n\nselect.ptro-input[data-id=\'fontName\'] {\n    width: 45px;\n}\n\n.ptro-bar .ptro-tool-ctl-name {\n    padding: 0 2px 0 0;\n    font-family: "Open Sans", sans-serif;\n    line-height: 22px;\n}\n\n.ptro-bar .ptro-tool-ctl-name {\n    margin-left: 5px;\n    border-top-left-radius: 10px;\n    border-bottom-left-radius: 10px;\n    padding-left: 3px;\n    padding-top: 4px;\n    padding-bottom: 4px;\n}\n\n.ptro-info {\n    font-family: "Open Sans", sans-serif;\n    font-size: 10px;\n    padding: 4px;\n    margin-left: auto;\n    word-break: keep-all;\n    white-space: normal;\n    text-align: right;\n}\n\n.ptro-info > span {\n    opacity: 0.5;\n}\n\n@media screen and (max-width: 768px) {\n    .ptro-bar > div {\n        white-space: nowrap;\n    }\n    span.ptro-bar-right {\n        float: none;\n    }\n    span.ptro-info {\n        display: none;\n    }\n    \n}\n\n.ptro-bar .ptro-input {\n    height: 32px;\n    line-height: 32px;\n    font-family: "Open Sans", sans-serif;\n    font-size: 16px;\n    position: relative;\n    padding-left: 2px;\n    padding-right: 0;\n}\n\n.ptro-bar .ptro-input[type="number"] {\n    width: 42px;\n}\n\n.ptro-bar .ptro-named-btn p {\n    margin: 0;\n}\n\n.ptro-bar {\n    bottom: 0;\n    position: absolute;\n    width: 100%;\n    font-size: 16px;\n    line-height: normal;\n}\n\n.ptro-bar > div {\n    position: relative;\n}\n\n.ptro-bar > div::-webkit-scrollbar {\n    height: 2px;\n}\n    \n/* Track */\n.ptro-bar > div::-webkit-scrollbar-track {\n    background: #f1f1f1;\n}\n    \n/* Handle */\n.ptro-bar > div::-webkit-scrollbar-thumb {\n    background: #888;\n}\n    \n/* Handle on hover */\n.ptro-bar > div::-webkit-scrollbar-thumb:hover {\n    background: #555;\n}\n\n.ptro-bar .ptro-icon-btn {\n}\n\nbutton.ptro-icon-right:first-of-type {\n    margin-right: 4px;\n}\n\nbutton.ptro-input[data-value="false"],button.ptro-input[data-value="true"] {\n    width: 28px;\n    height: 28px;\n    border: 0;\n    background: transparent;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-left: 0px;\n    cursor: pointer;\n    outline: 0;\n}\n\nbutton.ptro-input[data-value="true"]::after {\n    content: \'✔\';\n    font-size: 20px;\n    line-height: 12px;\n    width: 12px;\n    height: 12px;\n    border: 0;\n    /* background: rgba(0,0,0,0.5); */\n    display: inline-block;\n}\n\n@-webkit-keyframes ptro-spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg);\n  }\n}\n@keyframes ptro-spin {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(359deg);\n    transform: rotate(359deg);\n  }\n}\n\n.ptro-spinning {\n    -webkit-animation: ptro-spin 0.5s infinite steps(9);\n    animation: ptro-spin 0.8s infinite steps(9);\n    display: inline-block;\n    text-rendering: auto;\n    -webkit-font-smoothing: antialiased;\n}\n\n#container-bar {\n    display: block;\n}'],sourceRoot:""}]);const l=a},223:(t,e,r)=>{"use strict";r.d(e,{Z:()=>d});var n=r(15),i=r.n(n),o=r(645),a=r.n(o),l=r(667),s=r.n(l),A=r(796),c=r(788),h=a()(i()),p=s()(A.Z),u=s()(c.Z);h.push([t.id,'@font-face {\n\tfont-family: "ptroiconfont";\n\tsrc: url('+p+') format("woff"),\nurl('+u+') format("truetype");\n\tfont-weight: normal;\n    font-style: normal;\n}\n\n.ptro-icon {\n}\n\n.ptro-icon:before {\n\tfont-family: ptroiconfont !important;\n\tfont-style: normal !important;\n\tfont-weight: normal !important;\n\tfont-variant: normal !important;\n\ttext-transform: none !important;\n\tspeak: none;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\n.ptro-icon-apply:before {\n\tcontent: "\\f101";\n}\n.ptro-icon-arrow:before {\n\tcontent: "\\f102";\n}\n.ptro-icon-brush:before {\n\tcontent: "\\f103";\n}\n.ptro-icon-bucket:before {\n\tcontent: "\\f104";\n}\n.ptro-icon-clear:before {\n\tcontent: "\\f105";\n}\n.ptro-icon-close:before {\n\tcontent: "\\f106";\n}\n.ptro-icon-crop:before {\n\tcontent: "\\f107";\n}\n.ptro-icon-ellipse:before {\n\tcontent: "\\f108";\n}\n.ptro-icon-eraser:before {\n\tcontent: "\\f109";\n}\n.ptro-icon-filters:before {\n\tcontent: "\\f10a";\n}\n.ptro-icon-line:before {\n\tcontent: "\\f10b";\n}\n.ptro-icon-linked:before {\n\tcontent: "\\f10c";\n}\n.ptro-icon-loading:before {\n\tcontent: "\\f10d";\n}\n.ptro-icon-mirror:before {\n\tcontent: "\\f10e";\n}\n.ptro-icon-open:before {\n\tcontent: "\\f10f";\n}\n.ptro-icon-painterro0:before {\n\tcontent: "\\f110";\n}\n.ptro-icon-paste_extend_down:before {\n\tcontent: "\\f111";\n}\n.ptro-icon-paste_extend_left:before {\n\tcontent: "\\f112";\n}\n.ptro-icon-paste_extend_right:before {\n\tcontent: "\\f113";\n}\n.ptro-icon-paste_extend_top:before {\n\tcontent: "\\f114";\n}\n.ptro-icon-paste_fit:before {\n\tcontent: "\\f115";\n}\n.ptro-icon-paste_over:before {\n\tcontent: "\\f116";\n}\n.ptro-icon-pipette:before {\n\tcontent: "\\f117";\n}\n.ptro-icon-pixelize:before {\n\tcontent: "\\f118";\n}\n.ptro-icon-rect:before {\n\tcontent: "\\f119";\n}\n.ptro-icon-redo:before {\n\tcontent: "\\f11a";\n}\n.ptro-icon-resize:before {\n\tcontent: "\\f11b";\n}\n.ptro-icon-rotate:before {\n\tcontent: "\\f11c";\n}\n.ptro-icon-save:before {\n\tcontent: "\\f11d";\n}\n.ptro-icon-select:before {\n\tcontent: "\\f11e";\n}\n.ptro-icon-settings:before {\n\tcontent: "\\f11f";\n}\n.ptro-icon-text:before {\n\tcontent: "\\f120";\n}\n.ptro-icon-undo:before {\n\tcontent: "\\f121";\n}\n.ptro-icon-unlinked:before {\n\tcontent: "\\f122";\n}\n.ptro-icon-zoomin:before {\n\tcontent: "\\f123";\n}\n.ptro-icon-zoomout:before {\n\tcontent: "\\f124";\n}\n',"",{version:3,sources:["webpack://./css/icons/ptroiconfont.css"],names:[],mappings:"AAAA;CACC,2BAA2B;CAC3B;0DAC0E;CAC1E,mBAAmB;IAChB,kBAAkB;AACtB;;AAEA;AACA;;AAEA;CACC,oCAAoC;CACpC,6BAA6B;CAC7B,8BAA8B;CAC9B,+BAA+B;CAC/B,+BAA+B;CAC/B,WAAW;CACX,mCAAmC;CACnC,kCAAkC;AACnC;;AAEA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB;AACA;CACC,gBAAgB;AACjB",sourcesContent:['@font-face {\n\tfont-family: "ptroiconfont";\n\tsrc: url("ptroiconfont.woff?9d16276326db52747d3405a7ca0e1306") format("woff"),\nurl("ptroiconfont.ttf?9d16276326db52747d3405a7ca0e1306") format("truetype");\n\tfont-weight: normal;\n    font-style: normal;\n}\n\n.ptro-icon {\n}\n\n.ptro-icon:before {\n\tfont-family: ptroiconfont !important;\n\tfont-style: normal !important;\n\tfont-weight: normal !important;\n\tfont-variant: normal !important;\n\ttext-transform: none !important;\n\tspeak: none;\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\n.ptro-icon-apply:before {\n\tcontent: "\\f101";\n}\n.ptro-icon-arrow:before {\n\tcontent: "\\f102";\n}\n.ptro-icon-brush:before {\n\tcontent: "\\f103";\n}\n.ptro-icon-bucket:before {\n\tcontent: "\\f104";\n}\n.ptro-icon-clear:before {\n\tcontent: "\\f105";\n}\n.ptro-icon-close:before {\n\tcontent: "\\f106";\n}\n.ptro-icon-crop:before {\n\tcontent: "\\f107";\n}\n.ptro-icon-ellipse:before {\n\tcontent: "\\f108";\n}\n.ptro-icon-eraser:before {\n\tcontent: "\\f109";\n}\n.ptro-icon-filters:before {\n\tcontent: "\\f10a";\n}\n.ptro-icon-line:before {\n\tcontent: "\\f10b";\n}\n.ptro-icon-linked:before {\n\tcontent: "\\f10c";\n}\n.ptro-icon-loading:before {\n\tcontent: "\\f10d";\n}\n.ptro-icon-mirror:before {\n\tcontent: "\\f10e";\n}\n.ptro-icon-open:before {\n\tcontent: "\\f10f";\n}\n.ptro-icon-painterro0:before {\n\tcontent: "\\f110";\n}\n.ptro-icon-paste_extend_down:before {\n\tcontent: "\\f111";\n}\n.ptro-icon-paste_extend_left:before {\n\tcontent: "\\f112";\n}\n.ptro-icon-paste_extend_right:before {\n\tcontent: "\\f113";\n}\n.ptro-icon-paste_extend_top:before {\n\tcontent: "\\f114";\n}\n.ptro-icon-paste_fit:before {\n\tcontent: "\\f115";\n}\n.ptro-icon-paste_over:before {\n\tcontent: "\\f116";\n}\n.ptro-icon-pipette:before {\n\tcontent: "\\f117";\n}\n.ptro-icon-pixelize:before {\n\tcontent: "\\f118";\n}\n.ptro-icon-rect:before {\n\tcontent: "\\f119";\n}\n.ptro-icon-redo:before {\n\tcontent: "\\f11a";\n}\n.ptro-icon-resize:before {\n\tcontent: "\\f11b";\n}\n.ptro-icon-rotate:before {\n\tcontent: "\\f11c";\n}\n.ptro-icon-save:before {\n\tcontent: "\\f11d";\n}\n.ptro-icon-select:before {\n\tcontent: "\\f11e";\n}\n.ptro-icon-settings:before {\n\tcontent: "\\f11f";\n}\n.ptro-icon-text:before {\n\tcontent: "\\f120";\n}\n.ptro-icon-undo:before {\n\tcontent: "\\f121";\n}\n.ptro-icon-unlinked:before {\n\tcontent: "\\f122";\n}\n.ptro-icon-zoomin:before {\n\tcontent: "\\f123";\n}\n.ptro-icon-zoomout:before {\n\tcontent: "\\f124";\n}\n'],sourceRoot:""}]);const d=h},170:(t,e,r)=>{"use strict";r.d(e,{Z:()=>p});var n=r(15),i=r.n(n),o=r(645),a=r.n(o),l=r(667),s=r.n(l),A=r(122),c=a()(i()),h=s()(A.Z);c.push([t.id,'.ptro-wrapper {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    text-align: center;\r\n    z-index: 10;\r\n    font-family: "Open Sans", sans-serif;\r\n}\r\n\r\n@media screen and (min-width: 869px) {\r\n    .ptro-holder {\r\n        position: fixed;\r\n        left: 35px;\r\n        right: 35px;\r\n        top: 35px;\r\n        bottom: 35px;\r\n        box-shadow: 1px 1px 5px #888;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 868px) {\r\n    .ptro-holder {\r\n        position: fixed;\r\n        box-shadow: 3px 3px 15px #787878;\r\n        left: 0;\r\n        right: 0;\r\n        top: 0;\r\n        bottom: 0;\r\n    }\r\n}\r\n\r\n.ptro-holder-wrapper {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,0.2);\r\n}\r\n\r\n.ptro-wrapper.ptro-v-aligned:before {\r\n    content: "";\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    height: 100%;\r\n}\r\n\r\n\r\n.ptro-icon {\r\n    font-size: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n.ptro-icon-btn:disabled {\r\n    color: gray;\r\n}\r\n\r\n.ptro-wrapper canvas {\r\n    /* vertical-align: middle; */\r\n    display: inline-block;\r\n    touch-action: none;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    width: auto;\r\n    height: auto;\r\n}\r\n\r\n.ptro-center-table {\r\n    display:table;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.ptro-center-tablecell {\r\n    display:table-cell;\r\n    vertical-align:middle;\r\n}\r\n\r\n.ptro-icon-btn {\r\n    border: 0;\r\n    cursor: pointer;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.ptro-icon-btn i {\r\n}\r\n\r\n\r\n.ptro-named-btn {\r\n    border: 0;\r\n    display: inline-block;\r\n    height: 30px;\r\n    margin-left: 4px;\r\n    font-family: "Open Sans", sans-serif;\r\n    position: relative;\r\n    top:-5px;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n}\r\n\r\n.ptro-icon-btn:focus,\r\n.ptro-named-btn:focus,\r\n.color-diwget-btn:focus,\r\n.ptro-color-btn:focus,\r\n.ptro-selector-btn:focus {\r\n    outline: none;\r\n}\r\n\r\n.ptro-color-btn {\r\n    height: 32px;\r\n    width: 32px;\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.ptro-wrapper .select-handler {\r\n    background-color: white;\r\n    border: 1px solid black;\r\n    width: 6px;\r\n    height: 6px;\r\n    position: absolute;\r\n    z-index: 10;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-el {\r\n    position: absolute;\r\n}\r\n\r\n.ptro-wrapper .ptro-substrate {\r\n    opacity: 0.3;\r\n    background-image: url('+h+');\r\n    background-size: 32px 32px;\r\n    z-index: -1;\r\n    position: absolute;\r\n}\r\n\r\n.ptro-wrapper .ptro-close-color-picker {\r\n    height: 24px;\r\n    margin-top: 5px;\r\n    margin-bottom: -5px;\r\n    margin-left: auto;\r\n}\r\n\r\n.ptro-tool-controls {\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-rect {\r\n    position: absolute;\r\n    background-color: rgba(225, 225, 225, .5);\r\n    border: 1px dashed black;\r\n    cursor: move;\r\n    -moz-user-select: none;\r\n    /* -webkit-user-select: none; */\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-user-drag: none;\r\n    user-drag: none;\r\n    -webkit-touch-callout: none;\r\n    background-repeat: no-repeat;\r\n    background-size: 100% 100%;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-tl {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    margin: -4px 0 0 -4px;\r\n    cursor: se-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-bl {\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    margin: 0 0 -4px -4px;\r\n    cursor: ne-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-br {\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: 0 -4px -4px 0;\r\n    cursor: se-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-tr {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    margin: -4px -4px 0 0;\r\n    cursor: ne-resize;\r\n}\r\n\r\n\r\n.ptro-wrapper .ptro-crp-l {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    margin: -4px 0 0 -4px;\r\n    cursor: e-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-t {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    margin: -4px 0 0 -4px;\r\n    cursor: s-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-r {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 0;\r\n    margin: -4px -4px 0 0 ;\r\n    cursor: e-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-b {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 0;\r\n    margin: 0 0 -4px -4px;\r\n    cursor: s-resize;\r\n}\r\n\r\n.ptro-wrapper div,\r\n.ptro-wrapper span,\r\n.ptro-wrapper i,\r\n.ptro-bar .ptro-tool-ctl-name,\r\n.ptro-bar input,\r\n.ptro-bar .ptro-named-btn p {\r\n    -moz-user-select: none;\r\n   /* -webkit-user-select: none; */\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-user-drag: none;\r\n    user-drag: none;\r\n    -webkit-touch-callout: none;\r\n}\r\n\r\n.ptro-bar > div {\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\r\n\r\n.ptro-wrapper .ptro-common-widget-wrapper {\r\n    position: absolute;\r\n    background-color: rgba(0, 0, 0, 0.6);\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n}\r\n\r\n.ptro-wrapper .ptro-pallet canvas {\r\n    cursor: crosshair;\r\n}\r\n\r\ndiv.ptro-pallet {\r\n    line-height: 0;\r\n}\r\n\r\n.ptro-wrapper .ptro-pallet,\r\n.ptro-wrapper .ptro-resize-widget{\r\n    width: 200px;\r\n    padding: 10px;\r\n    z-index: 100;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.ptro-error {\r\n    background-color: rgba(200, 0, 0, 0.5);\r\n    padding: 5px;\r\n    margin: 5px;\r\n    color: white;\r\n}\r\n\r\n.ptro-v-middle:before {\r\n    content: "";\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    height: 100%;\r\n}\r\n\r\n.ptro-v-middle-in {\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    position: relative;\r\n}\r\n\r\n.ptro-wrapper .ptro-settings-widget {\r\n    width: 300px;\r\n    padding: 10px;\r\n    z-index: 100;\r\n    box-sizing: border-box;\r\n}\r\n\r\ntd.ptro-resize-table-left {\r\n    text-align: right;\r\n    padding-right: 5px;\r\n    float: none;\r\n    font-size: 14px;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-edit {\r\n    margin-top: 15px;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-edit input {\r\n    float: left;\r\n    height: 24px;\r\n    text-align: center;\r\n    font-family: monospace;\r\n    font-size: 14px;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-edit input:focus {\r\n    outline: none;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-edit input.ptro-color {\r\n    width: 70px;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-edit input.ptro-color-alpha {\r\n    font-size: 14px;\r\n    width: 55px;\r\n    padding: 0 0 0 2px;\r\n    line-height: 23px;\r\n    height: 23px;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-alpha-label,\r\n.ptro-wrapper .ptro-label  {\r\n    float: left;\r\n    padding: 0 2px 0 0;\r\n    margin-left: 5px;\r\n    font-family: "Open Sans", sans-serif;\r\n}\r\n\r\n.ptro-pixel-size-input {\r\n    width: 60px;\r\n}\r\n\r\n.ptro-wrapper .ptro-pipette {\r\n    height: 24px;\r\n    width: 24px;\r\n    margin: 0;\r\n}\r\n\r\ndiv.ptro-color-widget-wrapper {\r\n\tz-index: 1000;\r\n}\r\n\r\n.ptro-wrapper .ptro-pipette i {\r\n    line-height: 16px;\r\n}\r\n\r\n.ptro-wrapper .ptro-pipette:active {\r\n    outline: none;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-widget-wrapper .ptro-canvas-light,\r\n.ptro-wrapper .ptro-color-widget-wrapper .ptro-canvas-alpha {\r\n    margin-top: 10px;\r\n}\r\n\r\nspan.ptro-color-light-regulator,\r\nspan.ptro-color-alpha-regulator {\r\n    display: block;\r\n    margin-top: -5px;\r\n    margin-left: 5px;\r\n    position: absolute;\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 5px solid transparent;\r\n    border-right: 5px solid transparent;\r\n    border-bottom: 5px solid;\r\n    cursor: crosshair;\r\n}\r\n\r\nspan.ptro-color-alpha-regulator {\r\n    margin-top: 0;\r\n}\r\n\r\n.alpha-checkers {\r\n    background-image: url('+h+");\r\n    display: block;\r\n    width: 100%;\r\n    height: 15px;\r\n    background-size: 10px 10px;\r\n    margin-top: -20px;\r\n}\r\n\r\ninput.ptro-input:focus,\r\nselect.ptro-input:focus {\r\n    outline: none;\r\n    box-shadow: none ;\r\n}\r\n\r\ninput.ptro-input,\r\nselect.ptro-input {\r\n    vertical-align: initial;\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    padding-right: 0;\r\n}\r\n\r\n.ptro-named-btn p {\r\n    font-size: inherit;\r\n    line-height: normal;\r\n    margin: inherit;\r\n}\r\n\r\n.ptro-wrapper .ptro-zoomer {\r\n    border-top:1px solid white;\r\n    border-left:1px solid white;\r\n    position: absolute;\r\n    z-index: 2000;\r\n    display: none;\r\n}\r\n\r\n.ptro-text-tool-input {\r\n    background-color: rgba(0,0,0,0);\r\n    width: auto;\r\n    outline: 1px dotted;\r\n    display: block;\r\n    min-width: 5px;\r\n    padding: 0 1px;\r\n    overflow-x: hidden;\r\n    word-wrap: break-word;\r\n    overflow-y: hidden;\r\n    box-sizing: content-box;\r\n    line-height: normal;\r\n    text-align: left;\r\n}\r\n.ptro-paster-wrappers-fits {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n}\r\n.ptro-selector-extend[type] {\r\n    height: 70px;\r\n    width: 70px;\r\n}\r\n.ptro-selector-extend div:last-child {\r\n    display: none;\r\n}\r\n.ptro-selector-fit[type] {\r\n    height: 220px;\r\n    width: 220px;\r\n    margin: 0px;\r\n}\r\n.ptro-paster-fit[class] {\r\n    margin-right: 46px;\r\n}\r\n.ptro-text-tool-buttons {\r\n    display: flex;\r\n    position: absolute;\r\n}\r\n.ptro-text-tool-input-wrapper {\r\n    position: absolute;\r\n}\r\n\r\nspan.ptro-btn-color-checkers {\r\n    background-image: url("+h+");\r\n    display: block;\r\n    width: 32px;\r\n    height: 32px;\r\n    background-size: 16px 16px;\r\n    margin-top: -32px;\r\n}\r\n\r\nspan.ptro-btn-color-checkers-bar {\r\n    background-image: url("+h+');\r\n    width: 32px;\r\n    line-height: 12px;\r\n    height: 32px;\r\n    background-size: 16px 16px;\r\n    z-index: 0;\r\n    position: relative;\r\n    margin-left: -32px;\r\n}\r\n\r\n.ptro-bar-right {\r\n    display: flex;\r\n\r\n}\r\n\r\n.ptro-link {\r\n    float: left;\r\n    margin-right: -12px;\r\n    margin-top: -23px;\r\n}\r\n\r\n.ptro-resize-link-wrapper {\r\n    display: inline-block;\r\n    height: 40px;\r\n}\r\n\r\n\r\ninput.ptro-resize-width-input,\r\ninput.ptro-resize-heigth-input,\r\ninput.ptro-pixel-size-input {\r\n    line-height: 22px;\r\n    padding: 0 0 0 4px;\r\n    height: 22px;\r\n    width: 80px;\r\n}\r\n\r\n.ptro-selector-btn i {\r\n    font-size: 56px;\r\n}\r\n\r\n.ptro-selector-btn {\r\n    opacity: 0.8;\r\n    border: 0;\r\n    width: 100px;\r\n    cursor: pointer;\r\n}\r\n\r\n.ptro-selector-btn {\r\n    margin-left: 5px;\r\n    margin-right: 5px;\r\n    margin-top: 5px;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.ptro-selector-btn div {\r\n    margin: 5px 0;\r\n}\r\n\r\n.ptro-paster-select .ptro-in div {\r\n    font-family: "Open Sans", sans-serif;\r\n    font-size: 14px;\r\n}\r\n\r\n.ptro-selector-btn:hover {\r\n    opacity: 0.6;\r\n}\r\n\r\n.ptro-paster-select {\r\n    display: inline-block;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    height: 100%;\r\n}\r\n\r\n.ptro-paster-select .ptro-in {\r\n    background-color: rgba(0,0,0,0.7);\r\n    padding: 40px;\r\n}\r\n.ptro-paster-select-wrapper {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n}\r\n.ptro-paster-select-wrapper-extends button:first-child {\r\n    display: block;\r\n    margin: 0 auto;\r\n}\r\n.ptro-paster-select-wrapper-extends button:last-child{\r\n    display: block;\r\n    margin: 0 auto;\r\n}\r\n.ptro-paster-select-wrapper-extends button:nth-child(2){\r\n    display: inline-block;\r\n    margin-right: 78px;\r\n}\r\n.ptro-paster-fit .ptro-paster-wrapper-label[class] {\r\n    display: block; \r\n    color: white;\r\n    font-size: 20px;\r\n    text-align: center;\r\n    margin-top: 10px;\r\n    text-transform: uppercase;\r\n}\r\n.ptro-paster-select-wrapper-extends .ptro-paster-wrapper-label[class] {\r\n    display: block; \r\n    color: white;\r\n    font-size: 20px;\r\n    text-align: center;\r\n    margin-top: 10px;\r\n    text-transform: uppercase;\r\n}\r\n.ptro-paste-label {\r\n    color: white;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.ptro-iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n}\r\n\r\n\r\n\r\ni.mce-i-painterro:before, span.mce_painterro:before {\r\n\tfont-size: 20px;\r\n\tfont-family: ptroiconfont;\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n\tfont-variant: normal;\r\n\ttext-transform: none;\r\n\tspeak: none;\r\n\t-webkit-font-smoothing: antialiased;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\tcontent: "\\f101";\r\n}\r\n\r\n.ptro-scroller {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n}\r\n\r\ntd.ptro-strict-cell {\r\n    font-size: 8px;\r\n    line-height: normal;\r\n}',"",{version:3,sources:["webpack://./css/styles.css"],names:[],mappings:"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",sourcesContent:['.ptro-wrapper {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    text-align: center;\r\n    z-index: 10;\r\n    font-family: "Open Sans", sans-serif;\r\n}\r\n\r\n@media screen and (min-width: 869px) {\r\n    .ptro-holder {\r\n        position: fixed;\r\n        left: 35px;\r\n        right: 35px;\r\n        top: 35px;\r\n        bottom: 35px;\r\n        box-shadow: 1px 1px 5px #888;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 868px) {\r\n    .ptro-holder {\r\n        position: fixed;\r\n        box-shadow: 3px 3px 15px #787878;\r\n        left: 0;\r\n        right: 0;\r\n        top: 0;\r\n        bottom: 0;\r\n    }\r\n}\r\n\r\n.ptro-holder-wrapper {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0,0,0,0.2);\r\n}\r\n\r\n.ptro-wrapper.ptro-v-aligned:before {\r\n    content: "";\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    height: 100%;\r\n}\r\n\r\n\r\n.ptro-icon {\r\n    font-size: 14px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n\r\n.ptro-icon-btn:disabled {\r\n    color: gray;\r\n}\r\n\r\n.ptro-wrapper canvas {\r\n    /* vertical-align: middle; */\r\n    display: inline-block;\r\n    touch-action: none;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    width: auto;\r\n    height: auto;\r\n}\r\n\r\n.ptro-center-table {\r\n    display:table;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.ptro-center-tablecell {\r\n    display:table-cell;\r\n    vertical-align:middle;\r\n}\r\n\r\n.ptro-icon-btn {\r\n    border: 0;\r\n    cursor: pointer;\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.ptro-icon-btn i {\r\n}\r\n\r\n\r\n.ptro-named-btn {\r\n    border: 0;\r\n    display: inline-block;\r\n    height: 30px;\r\n    margin-left: 4px;\r\n    font-family: "Open Sans", sans-serif;\r\n    position: relative;\r\n    top:-5px;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n}\r\n\r\n.ptro-icon-btn:focus,\r\n.ptro-named-btn:focus,\r\n.color-diwget-btn:focus,\r\n.ptro-color-btn:focus,\r\n.ptro-selector-btn:focus {\r\n    outline: none;\r\n}\r\n\r\n.ptro-color-btn {\r\n    height: 32px;\r\n    width: 32px;\r\n    cursor: pointer;\r\n}\r\n\r\n\r\n.ptro-wrapper .select-handler {\r\n    background-color: white;\r\n    border: 1px solid black;\r\n    width: 6px;\r\n    height: 6px;\r\n    position: absolute;\r\n    z-index: 10;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-el {\r\n    position: absolute;\r\n}\r\n\r\n.ptro-wrapper .ptro-substrate {\r\n    opacity: 0.3;\r\n    background-image: url("checkers.svg");\r\n    background-size: 32px 32px;\r\n    z-index: -1;\r\n    position: absolute;\r\n}\r\n\r\n.ptro-wrapper .ptro-close-color-picker {\r\n    height: 24px;\r\n    margin-top: 5px;\r\n    margin-bottom: -5px;\r\n    margin-left: auto;\r\n}\r\n\r\n.ptro-tool-controls {\r\n    flex-shrink: 0;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-rect {\r\n    position: absolute;\r\n    background-color: rgba(225, 225, 225, .5);\r\n    border: 1px dashed black;\r\n    cursor: move;\r\n    -moz-user-select: none;\r\n    /* -webkit-user-select: none; */\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-user-drag: none;\r\n    user-drag: none;\r\n    -webkit-touch-callout: none;\r\n    background-repeat: no-repeat;\r\n    background-size: 100% 100%;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-tl {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    margin: -4px 0 0 -4px;\r\n    cursor: se-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-bl {\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    margin: 0 0 -4px -4px;\r\n    cursor: ne-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-br {\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: 0 -4px -4px 0;\r\n    cursor: se-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-tr {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    margin: -4px -4px 0 0;\r\n    cursor: ne-resize;\r\n}\r\n\r\n\r\n.ptro-wrapper .ptro-crp-l {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    margin: -4px 0 0 -4px;\r\n    cursor: e-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-t {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 50%;\r\n    margin: -4px 0 0 -4px;\r\n    cursor: s-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-r {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 0;\r\n    margin: -4px -4px 0 0 ;\r\n    cursor: e-resize;\r\n}\r\n\r\n.ptro-wrapper .ptro-crp-b {\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 0;\r\n    margin: 0 0 -4px -4px;\r\n    cursor: s-resize;\r\n}\r\n\r\n.ptro-wrapper div,\r\n.ptro-wrapper span,\r\n.ptro-wrapper i,\r\n.ptro-bar .ptro-tool-ctl-name,\r\n.ptro-bar input,\r\n.ptro-bar .ptro-named-btn p {\r\n    -moz-user-select: none;\r\n   /* -webkit-user-select: none; */\r\n    -ms-user-select: none;\r\n    user-select: none;\r\n    -webkit-user-drag: none;\r\n    user-drag: none;\r\n    -webkit-touch-callout: none;\r\n}\r\n\r\n.ptro-bar > div {\r\n    overflow-x: auto;\r\n    overflow-y: hidden;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n\r\n\r\n.ptro-wrapper .ptro-common-widget-wrapper {\r\n    position: absolute;\r\n    background-color: rgba(0, 0, 0, 0.6);\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n}\r\n\r\n.ptro-wrapper .ptro-pallet canvas {\r\n    cursor: crosshair;\r\n}\r\n\r\ndiv.ptro-pallet {\r\n    line-height: 0;\r\n}\r\n\r\n.ptro-wrapper .ptro-pallet,\r\n.ptro-wrapper .ptro-resize-widget{\r\n    width: 200px;\r\n    padding: 10px;\r\n    z-index: 100;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.ptro-error {\r\n    background-color: rgba(200, 0, 0, 0.5);\r\n    padding: 5px;\r\n    margin: 5px;\r\n    color: white;\r\n}\r\n\r\n.ptro-v-middle:before {\r\n    content: "";\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    height: 100%;\r\n}\r\n\r\n.ptro-v-middle-in {\r\n    display: inline-block;\r\n    vertical-align: middle;\r\n    position: relative;\r\n}\r\n\r\n.ptro-wrapper .ptro-settings-widget {\r\n    width: 300px;\r\n    padding: 10px;\r\n    z-index: 100;\r\n    box-sizing: border-box;\r\n}\r\n\r\ntd.ptro-resize-table-left {\r\n    text-align: right;\r\n    padding-right: 5px;\r\n    float: none;\r\n    font-size: 14px;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-edit {\r\n    margin-top: 15px;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-edit input {\r\n    float: left;\r\n    height: 24px;\r\n    text-align: center;\r\n    font-family: monospace;\r\n    font-size: 14px;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-edit input:focus {\r\n    outline: none;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-edit input.ptro-color {\r\n    width: 70px;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-edit input.ptro-color-alpha {\r\n    font-size: 14px;\r\n    width: 55px;\r\n    padding: 0 0 0 2px;\r\n    line-height: 23px;\r\n    height: 23px;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-alpha-label,\r\n.ptro-wrapper .ptro-label  {\r\n    float: left;\r\n    padding: 0 2px 0 0;\r\n    margin-left: 5px;\r\n    font-family: "Open Sans", sans-serif;\r\n}\r\n\r\n.ptro-pixel-size-input {\r\n    width: 60px;\r\n}\r\n\r\n.ptro-wrapper .ptro-pipette {\r\n    height: 24px;\r\n    width: 24px;\r\n    margin: 0;\r\n}\r\n\r\ndiv.ptro-color-widget-wrapper {\r\n\tz-index: 1000;\r\n}\r\n\r\n.ptro-wrapper .ptro-pipette i {\r\n    line-height: 16px;\r\n}\r\n\r\n.ptro-wrapper .ptro-pipette:active {\r\n    outline: none;\r\n}\r\n\r\n.ptro-wrapper .ptro-color-widget-wrapper .ptro-canvas-light,\r\n.ptro-wrapper .ptro-color-widget-wrapper .ptro-canvas-alpha {\r\n    margin-top: 10px;\r\n}\r\n\r\nspan.ptro-color-light-regulator,\r\nspan.ptro-color-alpha-regulator {\r\n    display: block;\r\n    margin-top: -5px;\r\n    margin-left: 5px;\r\n    position: absolute;\r\n    width: 0;\r\n    height: 0;\r\n    border-left: 5px solid transparent;\r\n    border-right: 5px solid transparent;\r\n    border-bottom: 5px solid;\r\n    cursor: crosshair;\r\n}\r\n\r\nspan.ptro-color-alpha-regulator {\r\n    margin-top: 0;\r\n}\r\n\r\n.alpha-checkers {\r\n    background-image: url("checkers.svg");\r\n    display: block;\r\n    width: 100%;\r\n    height: 15px;\r\n    background-size: 10px 10px;\r\n    margin-top: -20px;\r\n}\r\n\r\ninput.ptro-input:focus,\r\nselect.ptro-input:focus {\r\n    outline: none;\r\n    box-shadow: none ;\r\n}\r\n\r\ninput.ptro-input,\r\nselect.ptro-input {\r\n    vertical-align: initial;\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    padding-right: 0;\r\n}\r\n\r\n.ptro-named-btn p {\r\n    font-size: inherit;\r\n    line-height: normal;\r\n    margin: inherit;\r\n}\r\n\r\n.ptro-wrapper .ptro-zoomer {\r\n    border-top:1px solid white;\r\n    border-left:1px solid white;\r\n    position: absolute;\r\n    z-index: 2000;\r\n    display: none;\r\n}\r\n\r\n.ptro-text-tool-input {\r\n    background-color: rgba(0,0,0,0);\r\n    width: auto;\r\n    outline: 1px dotted;\r\n    display: block;\r\n    min-width: 5px;\r\n    padding: 0 1px;\r\n    overflow-x: hidden;\r\n    word-wrap: break-word;\r\n    overflow-y: hidden;\r\n    box-sizing: content-box;\r\n    line-height: normal;\r\n    text-align: left;\r\n}\r\n.ptro-paster-wrappers-fits {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    align-items: center;\r\n}\r\n.ptro-selector-extend[type] {\r\n    height: 70px;\r\n    width: 70px;\r\n}\r\n.ptro-selector-extend div:last-child {\r\n    display: none;\r\n}\r\n.ptro-selector-fit[type] {\r\n    height: 220px;\r\n    width: 220px;\r\n    margin: 0px;\r\n}\r\n.ptro-paster-fit[class] {\r\n    margin-right: 46px;\r\n}\r\n.ptro-text-tool-buttons {\r\n    display: flex;\r\n    position: absolute;\r\n}\r\n.ptro-text-tool-input-wrapper {\r\n    position: absolute;\r\n}\r\n\r\nspan.ptro-btn-color-checkers {\r\n    background-image: url("checkers.svg");\r\n    display: block;\r\n    width: 32px;\r\n    height: 32px;\r\n    background-size: 16px 16px;\r\n    margin-top: -32px;\r\n}\r\n\r\nspan.ptro-btn-color-checkers-bar {\r\n    background-image: url("checkers.svg");\r\n    width: 32px;\r\n    line-height: 12px;\r\n    height: 32px;\r\n    background-size: 16px 16px;\r\n    z-index: 0;\r\n    position: relative;\r\n    margin-left: -32px;\r\n}\r\n\r\n.ptro-bar-right {\r\n    display: flex;\r\n\r\n}\r\n\r\n.ptro-link {\r\n    float: left;\r\n    margin-right: -12px;\r\n    margin-top: -23px;\r\n}\r\n\r\n.ptro-resize-link-wrapper {\r\n    display: inline-block;\r\n    height: 40px;\r\n}\r\n\r\n\r\ninput.ptro-resize-width-input,\r\ninput.ptro-resize-heigth-input,\r\ninput.ptro-pixel-size-input {\r\n    line-height: 22px;\r\n    padding: 0 0 0 4px;\r\n    height: 22px;\r\n    width: 80px;\r\n}\r\n\r\n.ptro-selector-btn i {\r\n    font-size: 56px;\r\n}\r\n\r\n.ptro-selector-btn {\r\n    opacity: 0.8;\r\n    border: 0;\r\n    width: 100px;\r\n    cursor: pointer;\r\n}\r\n\r\n.ptro-selector-btn {\r\n    margin-left: 5px;\r\n    margin-right: 5px;\r\n    margin-top: 5px;\r\n    margin-bottom: 5px;\r\n}\r\n\r\n.ptro-selector-btn div {\r\n    margin: 5px 0;\r\n}\r\n\r\n.ptro-paster-select .ptro-in div {\r\n    font-family: "Open Sans", sans-serif;\r\n    font-size: 14px;\r\n}\r\n\r\n.ptro-selector-btn:hover {\r\n    opacity: 0.6;\r\n}\r\n\r\n.ptro-paster-select {\r\n    display: inline-block;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    height: 100%;\r\n}\r\n\r\n.ptro-paster-select .ptro-in {\r\n    background-color: rgba(0,0,0,0.7);\r\n    padding: 40px;\r\n}\r\n.ptro-paster-select-wrapper {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n}\r\n.ptro-paster-select-wrapper-extends button:first-child {\r\n    display: block;\r\n    margin: 0 auto;\r\n}\r\n.ptro-paster-select-wrapper-extends button:last-child{\r\n    display: block;\r\n    margin: 0 auto;\r\n}\r\n.ptro-paster-select-wrapper-extends button:nth-child(2){\r\n    display: inline-block;\r\n    margin-right: 78px;\r\n}\r\n.ptro-paster-fit .ptro-paster-wrapper-label[class] {\r\n    display: block; \r\n    color: white;\r\n    font-size: 20px;\r\n    text-align: center;\r\n    margin-top: 10px;\r\n    text-transform: uppercase;\r\n}\r\n.ptro-paster-select-wrapper-extends .ptro-paster-wrapper-label[class] {\r\n    display: block; \r\n    color: white;\r\n    font-size: 20px;\r\n    text-align: center;\r\n    margin-top: 10px;\r\n    text-transform: uppercase;\r\n}\r\n.ptro-paste-label {\r\n    color: white;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.ptro-iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: 0;\r\n}\r\n\r\n\r\n\r\ni.mce-i-painterro:before, span.mce_painterro:before {\r\n\tfont-size: 20px;\r\n\tfont-family: ptroiconfont;\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n\tfont-variant: normal;\r\n\ttext-transform: none;\r\n\tspeak: none;\r\n\t-webkit-font-smoothing: antialiased;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\tcontent: "\\f101";\r\n}\r\n\r\n.ptro-scroller {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n}\r\n\r\ntd.ptro-strict-cell {\r\n    font-size: 8px;\r\n    line-height: normal;\r\n}'],sourceRoot:""}]);const p=c},645:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var r=t(e);return e[2]?"@media ".concat(e[2]," {").concat(r,"}"):r})).join("")},e.i=function(t,r,n){"string"==typeof t&&(t=[[null,t,""]]);var i={};if(n)for(var o=0;o<this.length;o++){var a=this[o][0];null!=a&&(i[a]=!0)}for(var l=0;l<t.length;l++){var s=[].concat(t[l]);n&&i[s[0]]||(r&&(s[2]?s[2]="".concat(r," and ").concat(s[2]):s[2]=r),e.push(s))}},e}},15:t=>{"use strict";function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var r=[],n=!0,i=!1,o=void 0;try{for(var a,l=t[Symbol.iterator]();!(n=(a=l.next()).done)&&(r.push(a.value),!e||r.length!==e);n=!0);}catch(t){i=!0,o=t}finally{try{n||null==l.return||l.return()}finally{if(i)throw o}}return r}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return r(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return r(t,e)}(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function r(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}t.exports=function(t){var r=e(t,4),n=r[1],i=r[3];if("function"==typeof btoa){var o=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),a="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),l="/*# ".concat(a," */"),s=i.sources.map((function(t){return"/*# sourceURL=".concat(i.sourceRoot||"").concat(t," */")}));return[n].concat(s).concat([l]).join("\n")}return[n].join("\n")}},667:t=>{"use strict";t.exports=function(t,e){return e||(e={}),"string"!=typeof(t=t&&t.__esModule?t.default:t)?t:(/^['"].*['"]$/.test(t)&&(t=t.slice(1,-1)),e.hash&&(t+=e.hash),/["'() \t\n]/.test(t)||e.needQuotes?'"'.concat(t.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):t)}},306:function(t){!function(e){"use strict";var r=function(){return{escape:function(t){return t.replace(/([.*+?^${}()|\[\]\/\\])/g,"\\$1")},parseExtension:e,mimeType:function(t){var r=e(t).toLowerCase();return(n="application/font-woff",i="image/jpeg",{woff:n,woff2:n,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:i,jpeg:i,gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml"})[r]||"";var n,i},dataAsUrl:function(t,e){return"data:"+e+";base64,"+t},isDataUrl:function(t){return-1!==t.search(/^(data:)/)},canvasToBlob:function(t){return t.toBlob?new Promise((function(e){t.toBlob(e)})):function(t){return new Promise((function(e){for(var r=window.atob(t.toDataURL().split(",")[1]),n=r.length,i=new Uint8Array(n),o=0;o<n;o++)i[o]=r.charCodeAt(o);e(new Blob([i],{type:"image/png"}))}))}(t)},resolveUrl:function(t,e){var r=document.implementation.createHTMLDocument(),n=r.createElement("base");r.head.appendChild(n);var i=r.createElement("a");return r.body.appendChild(i),n.href=e,i.href=t,i.href},getAndEncode:function(t){var e=3e4;l.impl.options.cacheBust&&(t+=(/\?/.test(t)?"&":"?")+(new Date).getTime());return new Promise((function(r){var n,i=new XMLHttpRequest;if(i.onreadystatechange=a,i.ontimeout=s,i.responseType="blob",i.timeout=e,i.open("GET",t,!0),i.send(),l.impl.options.imagePlaceholder){var o=l.impl.options.imagePlaceholder.split(/,/);o&&o[1]&&(n=o[1])}function a(){if(4===i.readyState)if(200===i.status){var e=new FileReader;e.onloadend=function(){var t=e.result.split(/,/)[1];r(t)},e.readAsDataURL(i.response)}else n?r(n):A("cannot fetch resource