@cogic/annotorious
Version:
A JavaScript image annotation library
1 lines • 18.1 kB
Source Map (JSON)
{"version":3,"file":"annotorious.min.css","mappings":"AAAA,YACE,MACA,OACA,kBAGF,qBACE,kBACA,MACA,OACA,WACA,YACA,aAEA,yBACG,sBACC,qBACC,oBACG,iBAGV,+BACE,uBAEA,iCACE,uBAKJ,oBACE,iBACA,sBACA,oBACA,iCACA,2BAGF,oBACE,YACA,iBACA,oBAKA,sQACE,iBACA,eACA,iCAGF,qDACE,YACA,iBACA,iBAGF,iEACE,eAGF,qDACE,sBACA,iBACA,UAGF,mEACE,iBAOF,qCACE,aAGF,qCACE,eACA,mBACA,0BAGF,2CACE,aAMJ,8DACE,eAKA,oCACE,eACA,uBAGF,0CACE,wBAKJ,YACE,YAEA,8BACE,eACA,UAGF,8BACE,YACA,UAIJ,oCACE,a;AC7HF,SACE,wBCIK,CDHL,yBACA,sBACA,WACA,eACA,qBACA,eACA,SACA,aACA,qBACA,mBACA,iBACA,eACA,sBEbA,yBFcyB,CEbxB,wBFawB,CEZtB,sBFYsB,CEXjB,iBFWiB,CAEzB,WACE,sBACA,eAGF,mBACE,iBAIJ,kBACE,gCACA,oCAGF,eACE,wBCzBW,CD0BX,oBC1BW,CD6Bb,iBACE,yBACA,aClCK,CDmCL,6BACA,iBGzCF,kBACE,eACA,kBAEA,qCACE,eAGF,wBACE,aACA,YACA,WACA,YACA,iBACA,gBACA,sBACA,6BACA,eACA,aFQW,CELb,qBACE,kBACA,SACA,UACA,qBACA,sBACA,kBACA,yBACA,sBACA,oCAGF,2BACE,aAGF,qBACE,sBACA,iBACA,WACA,eCzCJ,mBACE,iBACA,cACA,aACA,eACA,eACA,8BAGF,4CACE,+BACA,cCXF,oBACE,eACA,eACA,sBACA,kBAEA,iFAEE,aACA,WACA,sBACA,aACA,YACA,6BACA,YAGF,0CACE,qBAGF,gFACA,uEACA,sEACA,2EAEA,sCACE,yBACA,qBACA,kBACA,uBACA,gBACA,iBACA,eAEA,2DACE,aJJU,CIKV,iBAKJ,oCACE,kBACA,YACA,WACA,QACA,UACA,iBACA,sBACA,kBACA,mCACA,yBACA,eHpDF,yBGqD2B,CHpD1B,wBGoD0B,CHnDxB,sBGmDwB,CHlDnB,iBGkDmB,CAG3B,kDACE,oBJrDG,CIwDL,+CACE,kBACA,SACA,UACA,sBACA,yBACA,qBACA,SACA,cACA,aH7BF,4CACG,yCACK,oCG8BN,kDACE,eACA,eAGF,wDACE,wBJjES,CIsEb,yCACE,kBACA,UAKJ,6BACE,wBJ9Ea,CKdf,0BACE,aAIF,qEAEE,gCACE,YAEA,gEACE,kBACA,UAMN,oBACE,wBLLa,CKMb,gCACA,gBACA,aAEA,uBACE,SACA,UACA,qBACA,UAGF,mCACE,OACA,mBAEA,sCACE,SACA,qBACA,qBACA,UACA,sBACA,gBACA,eACA,sBACA,yBACA,eACA,kBACA,iBJSJ,2BACE,yBACC,wBACE,sBACC,qBACI,iBA5DV,yBIgD6B,CJ/C5B,wBI+C4B,CJ9C1B,sBI8C0B,CJ7CrB,iBI6CqB,CJR7B,0CACG,uCACK,kCISJ,iDACE,gBACA,qBAGF,0DACE,qBACA,cACA,WACA,QACA,YACA,wBL1DD,CCyBL,mCIkCqC,CJjCrC,sCIiCqC,CJhCpC,iCIgCoC,CJ/BpC,oCI+BoC,CJ9BlC,+BI8BkC,CJ7BlC,kCI6BkC,CJ5B7B,2BI4B6B,CJ3B7B,8BI2B6B,CAE/B,sEACE,gBAGF,8DACE,wBAKJ,+DACE,WACA,uBAGF,6DACE,WAGF,uDACE,WAGF,8DACE,QACA,uBAON,sCACE,OACA,kBAEA,yCACE,eAIJ,0BACE,WACA,cACA,eACA,aACA,YACA,iBACA,6BACA,aLzFW,CK4Fb,mEACA,0DACA,yDACA,8DCpHF,YACE,kBACA,cACA,YACA,aNiBa,CMhBb,UACA,8BACA,eACA,iBAEA,uCACG,oCACK,+BAER,uBACE,kBACA,gBACA,UACA,UACA,WACA,YACA,aAGF,6BACE,WACA,kBACA,QACA,SACA,WACA,YACA,sBLWF,mCACA,gCACG,6BACC,4BACC,2BACG,wBKZR,8BACE,sBLxCF,yBKyC2B,CLxC1B,wBKwC0B,CLvCxB,sBKuCwB,CLtCnB,iBKsCmB,CLD3B,+CACG,4CACK,uCKEN,sDLrCF,kCKsCiC,CLrCjC,mCKqCiC,CLpChC,gCKoCgC,CLnChC,iCKmCgC,CLlC9B,8BKkC8B,CLjC9B,+BKiC8B,CLhCzB,0BKgCyB,CL/BzB,2BK+ByB,CAG/B,0CACE,gCAIJ,wBACE,kBACA,iBACA,cAEA,iCACE,iBAGF,mDACE,kBACA,QACA,SACA,6BACA,YACA,aNhEC,CMiED,WACA,YACA,YACA,mBACA,UACA,aACA,uBACA,mBACA,mCACG,gCACE,8BACG,2BAGV,yDACE,WACA,yBAMN,yBAEE,YACE,aAKJ,qCACE,cAGF,4BACE,gBAEA,uCACE,UACA,WAOF,wCACE,cACA,SACA,aAGF,+CACE,UACA,gBAKJ,6DAEE,aAGF,2BACE,YAGF,qBACE,YACA,qBCzIF,cACE,2BACA,yBACC,wBACE,sBACC,qBACI,iB","sources":["webpack://Annotorious/./src/ImageAnnotator.scss","webpack://Annotorious/./node_modules/@recogito/recogito-client-core/themes/default/globals/includes/_buttons.scss","webpack://Annotorious/./node_modules/@recogito/recogito-client-core/themes/default/globals/includes/_colors.scss","webpack://Annotorious/./node_modules/@recogito/recogito-client-core/themes/default/globals/includes/_mixins.scss","webpack://Annotorious/./node_modules/@recogito/recogito-client-core/themes/default/editor/widgets/_autocomplete.scss","webpack://Annotorious/./node_modules/@recogito/recogito-client-core/themes/default/editor/widgets/_textentry.scss","webpack://Annotorious/./node_modules/@recogito/recogito-client-core/themes/default/editor/widgets/comment/_comment.scss","webpack://Annotorious/./node_modules/@recogito/recogito-client-core/themes/default/editor/widgets/tag/_tag.scss","webpack://Annotorious/./node_modules/@recogito/recogito-client-core/themes/default/editor/_editor.scss","webpack://Annotorious/./node_modules/@recogito/recogito-client-core/themes/default/theme.scss"],"sourcesContent":[".r6o-editor {\r\n top:0;\r\n left:0;\r\n margin-left:-19px;\r\n}\r\n\r\n.a9s-annotationlayer {\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n width:100%;\r\n height:100%;\r\n outline:none;\r\n\r\n -webkit-user-select:none; \r\n -moz-user-select:none;\r\n -ms-user-select:none;\r\n -o-user-select:none;\r\n user-select:none;\r\n}\r\n\r\n.a9s-annotationlayer.no-cursor {\r\n cursor:none !important;\r\n\r\n * {\r\n cursor:none !important;\r\n }\r\n\r\n}\r\n\r\n.a9s-crosshair line {\r\n stroke-width:1px;\r\n stroke:rgba(0, 0, 0, 0.5);\r\n pointer-events:none;\r\n vector-effect:non-scaling-stroke;\r\n shape-rendering:crispEdges;\r\n}\r\n\r\n.a9s-selection-mask {\r\n stroke:none;\r\n fill:transparent;\r\n pointer-events:none;\r\n}\r\n\r\n.a9s-annotation, .a9s-selection {\r\n\r\n rect, circle, ellipse, path, polygon, line {\r\n fill:transparent;\r\n cursor:pointer;\r\n vector-effect:non-scaling-stroke;\r\n }\r\n\r\n .a9s-inner {\r\n stroke:#fff;\r\n stroke-width:1px;\r\n fill: transparent;\r\n }\r\n\r\n .a9s-inner:hover {\r\n stroke:#fff000;\r\n }\r\n\r\n .a9s-outer {\r\n stroke:rgba(0, 0, 0, 0.7);\r\n stroke-width:3px;\r\n fill: none;\r\n }\r\n\r\n .a9s-formatter-el {\r\n overflow:visible;\r\n }\r\n\r\n}\r\n\r\n.a9s-annotation.a9s-point {\r\n \r\n .a9s-inner {\r\n display:none;\r\n }\r\n\r\n .a9s-outer {\r\n stroke:rgba(90, 90, 90, 1);\r\n stroke-width:1.5px;\r\n fill:rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .a9s-outer:hover {\r\n fill:#fff000;\r\n }\r\n\r\n}\r\n\r\n\r\n.a9s-annotation.selected .a9s-inner, .a9s-selection .a9s-inner {\r\n stroke:#fff000;\r\n} \r\n\r\n.a9s-annotation.editable {\r\n\r\n .a9s-inner {\r\n stroke:#fff000;\r\n cursor:move !important;\r\n }\r\n\r\n .a9s-inner:hover {\r\n fill:rgba(255, 240, 0, 0.1);\r\n }\r\n\r\n}\r\n\r\n.a9s-handle {\r\n cursor:move;\r\n\r\n .a9s-handle-inner {\r\n stroke:#fff000;\r\n fill:#000; \r\n }\r\n\r\n .a9s-handle-outer {\r\n stroke:#000;\r\n fill:#fff;\r\n }\r\n}\r\n\r\n.a9s-handle:hover .a9s-handle-inner {\r\n fill:#fff000;\r\n}\r\n",".r6o-btn {\n background-color:$ocean;\n border:1px solid $ocean;\n box-sizing:border-box;\n color:#fff;\n cursor:pointer;\n display:inline-block;\n font-size:14px;\n margin:0;\n outline:none;\n text-decoration:none;\n white-space:nowrap;\n padding:6px 18px;\n min-width:70px;\n vertical-align:middle;\n @include rounded-corners(2px);\n\n * { \n vertical-align:middle; \n cursor:pointer;\n }\n\n .r6o-icon { \n margin-right:4px; \n }\n}\n\n.r6o-btn:disabled {\n border-color:$ocean-disabled !important;\n background-color:$ocean-disabled !important;\n}\n\n.r6o-btn:hover {\n background-color:$ocean-hover;\n border-color:$ocean-hover;\n}\n\n.r6o-btn.outline {\n border:1px solid $ocean;\n color:$ocean;\n background-color:transparent;\n text-shadow:none;\n}\n","/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ **/\n/** Base background colors **/\n/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ **/\n\n// Recogito's light blue signature colour\n$ocean:#4483c4;\n\n// Slightly lighter version for hover effects on ocean-coloured buttons\n$ocean-hover:#4f92d7;\n\n// 'Pale' version of ocean for disabled buttons\n$ocean-disabled:#a3c2e2;\n\n// Pale blue used as alternative background colour\n$blueish-white:#ecf0f1;\n$blueish-white-hi:lighten($blueish-white, 3%);\n\n// Used for accent borders on white background - e.g. annotation area header\n$lightgrey-border:#e5e5e5;\n$lightgrey-border-darker:#d6d7d9;\n\n/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ **/\n/** Type colors **/\n/** ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ **/\n\n// Standard 'black' (well, not quite) type\n$standard-type:#3f3f3f;\n\n// Icons, links, emphasized type on white background - e.g. in annotation area header\n$lightblue-type:#9ca4b1;\n\n// A slightly darker shade than lightblue-type\n$lightgrey-type:#757575;\n","@mixin rounded-corners($radius) {\n -webkit-border-radius:$radius;\n -khtml-border-radius:$radius;\n -moz-border-radius:$radius;\n border-radius:$radius;\n}\n\n@mixin rounded-corners-top($radius) {\n -webkit-border-top-left-radius:$radius;\n -webkit-border-top-right-radius:$radius;\n -khtml-border-radius-topleft:$radius;\n -khtml-border-radius-topright:$radius;\n -moz-border-radius-topleft:$radius;\n -moz-border-radius-topright:$radius;\n border-top-left-radius:$radius;\n border-top-right-radius:$radius;\n}\n\n@mixin rounded-corners-left($radius) {\n -webkit-border-top-left-radius:$radius;\n -webkit-border-bottom-left-radius:$radius;\n -khtml-border-radius-topleft:$radius;\n -khtml-border-radius-bottomleft:$radius;\n -moz-border-radius-topleft:$radius;\n -moz-border-radius-bottomleft:$radius;\n border-top-left-radius:$radius;\n border-bottom-left-radius:$radius;\n}\n\n@mixin rounded-corners-right($radius) {\n -webkit-border-top-right-radius:$radius;\n -webkit-border-bottom-right-radius:$radius;\n -khtml-border-radius-topright:$radius;\n -khtml-border-radius-bottomright:$radius;\n -moz-border-radius-topright:$radius;\n -moz-border-radius-bottomright:$radius;\n border-top-right-radius:$radius;\n border-bottom-right-radius:$radius;\n}\n\n@mixin box-shadow($x, $y, $radius, $opacity) {\n -webkit-box-shadow:$x $y $radius rgba(0, 0, 0, $opacity);\n -moz-box-shadow:$x $y $radius rgba(0, 0, 0, $opacity);\n box-shadow:$x $y $radius rgba(0, 0, 0, $opacity);\n}\n\n@mixin rotate($angle) {\n -webkit-backface-visibility:hidden;\n -webkit-transform:rotate($angle);\n -moz-transform:rotate($angle);\n -ms-transform:rotate($angle);\n -o-transform:rotate($angle);\n transform:rotate($angle);\n}\n\n@mixin r6o-noselect() {\n -webkit-touch-callout:none;\n -webkit-user-select:none;\n -khtml-user-select:none;\n -moz-user-select:none;\n -ms-user-select:none;\n user-select:none;\n}",".r6o-autocomplete {\n display:inline;\n position:relative;\n\n div[role=combobox] {\n display:inline;\n }\n\n input {\n outline:none;\n border:none;\n width:80px;\n height:100%;\n line-height:14px;\n white-space:pre;\n box-sizing:border-box;\n background-color:transparent;\n font-size:14px;\n color:$standard-type;\n }\n\n ul {\n position:absolute;\n margin:0;\n padding:0;\n list-style-type:none;\n background-color:#fff;\n border-radius:3px;\n border:1px solid #d6d7d9;\n box-sizing:border-box;\n box-shadow:0 0 20px rgba(0,0,0,0.25);\n }\n\n ul:empty {\n display:none;\n }\n\n li {\n box-sizing:border-box;\n padding:2px 12px;\n width:100%;\n cursor:pointer;\n }\n\n}",".r6o-editable-text {\n max-height:120px;\n overflow:auto;\n outline:none;\n min-height:2em;\n font-size:14px;\n font-family:'Lato', sans-serif;\n}\n\n.r6o-editable-text:empty:not(:focus):before {\n content:attr(data-placeholder);\n color:#c2c2c2;\n}\n",".r6o-widget.comment {\n font-size:14px;\n min-height:3em;\n background-color:#fff;\n position:relative;\n\n .r6o-editable-text,\n .r6o-readonly-comment {\n padding:10px;\n width:100%;\n box-sizing:border-box;\n outline:none;\n border:none;\n background-color:transparent;\n resize:none;\n }\n\n .r6o-readonly-comment {\n white-space: pre-line; \n }\n\n .r6o-editable-text::-webkit-input-placeholder { color:#c2c2c2; }\n .r6o-editable-text::-moz-placeholder { color:#c2c2c2; }\n .r6o-editable-text:-moz-placeholder { color:#c2c2c2; }\n .r6o-editable-text:-ms-input-placeholder { color:#c2c2c2; }\n\n .r6o-lastmodified {\n border:1px solid $lightgrey-border;\n display:inline-block;\n border-radius:2px;\n margin:0 10px 8px 10px;\n padding:4px 5px;\n line-height:100%;\n font-size:12px;\n\n .r6o-lastmodified-at {\n color:$lightgrey-type;\n padding-left:3px;\n }\n \n }\n\n .r6o-arrow-down {\n position:absolute;\n height: 20px;\n width: 20px;\n top: 9px;\n right: 9px;\n line-height: 22px;\n background-color:#fff;\n text-align: center;\n -webkit-font-smoothing: antialiased;\n border: 1px solid $lightgrey-border;\n cursor: pointer;\n @include rounded-corners(1px);\n }\n\n .r6o-arrow-down.r6o-menu-open {\n border-color:$ocean;\n }\n\n .r6o-comment-dropdown-menu {\n position:absolute;\n top:32px;\n right:8px;\n background-color:#fff;\n border:1px solid $lightgrey-border;\n list-style-type:none;\n margin:0;\n padding:5px 0;\n z-index:9999;\n @include box-shadow(0, 2px, 4px, 0.2);\n\n li {\n padding:0 15px;\n cursor:pointer;\n }\n\n li:hover {\n background-color:$blueish-white;\n }\n\n }\n\n .r6o-purposedropdown {\n position:relative;\n z-index:2;\n }\n\n}\n\n.r6o-widget.comment.editable {\n background-color:$blueish-white;\n}\n",".r6o-widget.r6o-tag:empty {\n display:none;\n}\n\n/* IE11-specific hackery */\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\n .r6o-widget.tag .r6o-taglist li {\n height:27px;\n\n .r6o-delete-wrapper .r6o-delete {\n position:relative;\n top:-4px;\n }\n }\n\n}\n\n.r6o-widget.r6o-tag {\n background-color:$blueish-white;\n border-bottom:1px solid $lightgrey-border;\n padding:1px 3px;\n display:flex;\n\n ul {\n margin:0;\n padding:0;\n list-style-type:none;\n z-index:1;\n }\n\n ul.r6o-taglist {\n flex:0;\n white-space:nowrap;\n\n li {\n margin:0;\n display:inline-block;\n margin:1px 1px 1px 0;\n padding:0;\n vertical-align:middle;\n overflow:hidden;\n font-size:12px;\n background-color:#fff;\n border:1px solid $lightgrey-border-darker;\n cursor:pointer;\n position:relative;\n line-height:180%;\n @include r6o-noselect();\n @include rounded-corners(2px);\n @include box-shadow(0, 0, 4px, 0.1);\n\n .r6o-label {\n padding:2px 8px;\n display:inline-block;\n }\n\n .r6o-delete-wrapper {\n display:inline-block;\n padding:2px 0;\n color:#fff;\n width:0;\n height:100%;\n background-color:$ocean;\n @include rounded-corners-right(2px);\n\n .r6o-delete {\n padding:2px 6px;\n }\n\n svg {\n vertical-align:text-top;\n }\n\n }\n\n .r6o-delete-enter-active {\n width:24px;\n transition:width 200ms;\n }\n\n .r6o-delete-enter-done {\n width:24px;\n }\n\n .r6o-delete-exit {\n width:24px;\n }\n\n .r6o-delete-exit-active {\n width:0;\n transition:width 200ms;\n }\n\n }\n\n }\n\n .r6o-autocomplete {\n flex:1;\n position:relative;\n\n li {\n font-size:14px;\n }\n }\n\n input {\n width:100%;\n padding:0 3px;\n min-width:80px;\n outline:none;\n border:none;\n line-height:170%;\n background-color:transparent;\n color:$standard-type;\n }\n\n input::-webkit-input-placeholder { color:#c2c2c2; }\n input::-moz-placeholder { color:#c2c2c2; }\n input:-moz-placeholder { color:#c2c2c2; }\n input:-ms-input-placeholder { color:#c2c2c2; }\n\n}\n","@import \"widgets/autocomplete\";\n@import \"widgets/textentry\";\n@import \"widgets/comment/comment\";\n@import \"widgets/tag/tag\";\n\n.r6o-editor {\n position:absolute;\n z-index:99999;\n width:400px;\n color:$standard-type;\n opacity:0;\n font-family:'Lato', sans-serif;\n font-size:17px;\n line-height:27px;\n\n -webkit-transition:opacity 0.2s ease-in;\n -moz-transition:opacity 0.2s ease-in;\n transition:opacity 0.2s ease-in;\n\n .r6o-arrow {\n position:absolute;\n overflow:hidden;\n top:-12px;\n left:12px;\n width:28px;\n height:12px;\n display:none;\n }\n\n .r6o-arrow:after {\n content:'';\n position:absolute;\n top:5px;\n left:5px;\n width:18px;\n height:18px;\n background-color:#fff;\n @include rotate(45deg);\n }\n\n .r6o-editor-inner {\n background-color:#fff;\n @include rounded-corners(2px);\n @include box-shadow(2px, 2px, 42px, 0.4);\n\n .r6o-widget:first-child {\n @include rounded-corners-top(2px);\n }\n\n .r6o-widget {\n border-bottom:1px solid $lightgrey-border;\n }\n }\n\n .r6o-footer {\n position:relative;\n text-align:right;\n padding:8px 0;\n\n .r6o-btn {\n margin-right:8px;\n }\n\n .r6o-btn.delete-annotation {\n position:absolute;\n top:7px;\n left:7px;\n background-color:transparent;\n border:none;\n color:$ocean;\n width:32px;\n height:32px;\n min-width:0;\n border-radius: 100%;\n padding:0;\n display: flex;\n justify-content:center;\n align-items:center;\n -webkit-transition:all .1s ease-in;\n -moz-transition:all .1s ease-in;\n -o-transition:all .1s ease-in;\n transition:all .1s ease-in;\n }\n\n .r6o-btn.delete-annotation:hover {\n color:#fff;\n background-color:#ef352c;\n }\n }\n\n}\n\n@media (max-width: 640px) {\n\n .r6o-editor {\n width:260px;\n }\n\n}\n\n.r6o-editor.r6o-arrow-top .r6o-arrow {\n display:block;\n}\n\n.r6o-editor.r6o-arrow-right {\n margin-left:8px;\n\n .r6o-arrow {\n left:auto;\n right:12px;\n }\n\n}\n\n.r6o-editor.r6o-arrow-bottom {\n\n .r6o-arrow {\n display:block;\n top:auto;\n bottom:-12px;\n }\n\n .r6o-arrow::after {\n top:-11px;\n box-shadow:none;\n }\n\n}\n\n.r6o-editor.pushed .r6o-arrow,\n.r6o-editor.dragged .r6o-arrow {\n display:none;\n}\n\n.r6o-editor .r6o-draggable {\n cursor:move;\n}\n\n.r6o-purposedropdown {\n width: 150px;\n display: inline-block;\n}","@import \"globals/globals\";\n@import \"editor/editor\";\n\n.r6o-noselect {\n -webkit-touch-callout:none;\n -webkit-user-select:none;\n -khtml-user-select:none;\n -moz-user-select:none;\n -ms-user-select:none;\n user-select:none;\n}"],"names":[],"sourceRoot":""}