├── .gitignore ├── README.md ├── README_zh-CN.md ├── dist ├── css │ └── shapefly-diagram.min.css ├── img │ ├── bootstrap-colorpicker │ │ ├── alpha-horizontal.png │ │ ├── alpha.png │ │ ├── hue-horizontal.png │ │ ├── hue.png │ │ └── saturation.png │ └── bootstrap-jh2d-editor │ │ ├── icons-ext.png │ │ ├── icons.png │ │ └── textures.png └── js │ └── shapefly-diagram.min.js ├── index.html └── index_zh-CN.html /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | bower_components 3 | Thumbs.db 4 | tmp 5 | src 6 | .jshintrc 7 | /*.js 8 | /*.json 9 | 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Shapefly Diagram([中文](README_zh-CN.md)) 2 | 3 | > A flyweight, powerful and free sofeware for inserting ready-made shapes on the web straight-through, such as retangles and circles, lines, arrows, flowchart symbols and callouts. 4 | >> [**Getting Started**](https://zzzhan.github.io/shapefly-diagram/ 'Shapefly Diagram · Draw ready-made shapes on the web straight-through.') 5 | -------------------------------------------------------------------------------- /README_zh-CN.md: -------------------------------------------------------------------------------- 1 | # Shapefly Diagram([English](README.md)) 2 | 3 | > Shapefly Diagram, 一个轻量,强大,免费的在线作图软件,让你轻松直截了当地在页面上插入图形或流程图, 例如:长方形,圆形,线条,箭头,流程图和气泡图等. 4 | >> [**开始使用**](https://zzzhan.github.io/shapefly-diagram/index_zh-CN.html 'Shapefly Diagram · 让你轻松直截了当地在页面上作图') 5 | -------------------------------------------------------------------------------- /dist/css/shapefly-diagram.min.css: -------------------------------------------------------------------------------- 1 | .notes,body,html{height:100%}.notes{width:100%;min-height:100%;border:1px solid #aaa}.notes-top-bar{padding:0;margin:0;min-height:30px;-webkit-app-region:drag}.notes-top-bar .btn{-webkit-app-region:no-drag}.notes .container{position:relative;margin:0;padding:0;width:100%}.notes .notes-tab{padding:30px 0 0}.notes .notes-tab .btn{border:0 solid transparent}.notes .notes-tab-menu{position:absolute;display:none}@media print{.notes-print,.notes-print pre{display:block;white-space:pre-wrap;word-wrap:break-word}body,html{height:auto}.notes-print pre{border:none!important}a{text-decoration:underline}}/*! 2 | * Bootstrap Colorpicker v2.3.3 3 | * http://mjolnic.github.io/bootstrap-colorpicker/ 4 | * 5 | * Originally written by (c) 2012 Stefan Petre 6 | * Licensed under the Apache License v2.0 7 | * http://www.apache.org/licenses/LICENSE-2.0.txt 8 | * 9 | */.colorpicker-saturation{width:100px;height:100px;background-image:url(../img/bootstrap-colorpicker/saturation.png);cursor:crosshair;float:left}.colorpicker-saturation i{display:block;height:5px;width:5px;border:1px solid #000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}.colorpicker-saturation i b{display:block;height:5px;width:5px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.colorpicker-alpha,.colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}.colorpicker-alpha i,.colorpicker-hue i{display:block;height:1px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker-hue{background-image:url(../img/bootstrap-colorpicker/hue.png)}.colorpicker-alpha{background-image:url(../img/bootstrap-colorpicker/alpha.png);display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{background-size:contain}.colorpicker{padding:4px;min-width:130px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:2500}.colorpicker:after,.colorpicker:before{display:table;content:"";line-height:0}.colorpicker:after{clear:both}.colorpicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.colorpicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.colorpicker div{position:relative}.colorpicker.colorpicker-with-alpha{min-width:140px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-color{height:10px;margin-top:5px;clear:both;background-image:url(../img/bootstrap-colorpicker/alpha.png);background-position:0 100%}.colorpicker-color div{height:10px}.colorpicker-selectors{display:none;height:10px;margin-top:5px;clear:both}.colorpicker-selectors i{cursor:pointer;float:left;height:10px;width:10px}.colorpicker-selectors i+i{margin-left:3px}.colorpicker-element .add-on i,.colorpicker-element .input-group-addon i{display:inline-block;cursor:pointer;height:16px;vertical-align:text-top;width:16px}.colorpicker.colorpicker-inline{position:relative;display:inline-block;float:none;z-index:auto}.colorpicker.colorpicker-horizontal{width:110px;min-width:110px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-saturation{margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-color{width:100px}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{width:100px;height:15px;float:left;cursor:col-resize;margin-left:0;margin-bottom:4px}.colorpicker.colorpicker-horizontal .colorpicker-alpha i,.colorpicker.colorpicker-horizontal .colorpicker-hue i{display:block;height:15px;background:#fff;position:absolute;top:0;left:0;width:1px;border:none;margin-top:0}.colorpicker.colorpicker-horizontal .colorpicker-hue{background-image:url(../img/bootstrap-colorpicker/hue-horizontal.png)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-image:url(../img/bootstrap-colorpicker/alpha-horizontal.png)}.colorpicker.colorpicker-hidden{display:none}.colorpicker.colorpicker-visible{display:block}.colorpicker-inline.colorpicker-visible{display:inline-block}.colorpicker-right:before{left:auto;right:6px}.colorpicker-right:after{left:auto;right:7px}.colorpicker-no-arrow:before{border-right:0;border-left:0}.colorpicker-no-arrow:after{border-right:0;border-left:0} 10 | /*# sourceMappingURL=bootstrap-colorpicker.min.css.map */.colorpickerplus{position:absolute;display:none;top:0;left:0;max-width:185px;max-height:300px;z-index:2499}.colorpickerplus-dropdown .dropdown-menu{width:185px}.colorpickerplus-container div{position:relative}.colorpickerplus-container{overflow:hidden;background-color:#fff;border:1px solid #ccc;margin:auto;padding:10px}.colorpickerplus .colorpickerplus-custom-colors,.colorpickerplus .colorpickerplus-primary-colors,.colorpickerplus-container .colorpickerplus-colors-row{overflow:hidden;width:100%}.colorpickerplus-container .colorpickerplus-custom-colors{margin-bottom:10px}.colorpickerplus-container .colorcell,.colorpickerplus-container .nonecell{width:16px;height:16px;margin:0;padding:0;float:left;border:1px solid #eee}.colorpickerplus-container .colorpickerplus-custom-colors .colorcell{border:1px solid #ddd}.colorpickerplus-container .colorcell:hover,.colorpickerplus-container .colorpickerplus-custom-colors .selected,.colorpickerplus-container .selected{border:1px solid #000}.sfd-ic-gd-c,.sfd-ic-gd-c-ld,.sfd-ic-gd-c-ld-m,.sfd-ic-gd-c-ld-m-r,.sfd-ic-gd-c-ld-r,.sfd-ic-gd-c-lu,.sfd-ic-gd-c-lu-m,.sfd-ic-gd-c-lu-m-r,.sfd-ic-gd-c-lu-r,.sfd-ic-gd-c-m,.sfd-ic-gd-c-m-r,.sfd-ic-gd-c-r,.sfd-ic-gd-c-rd,.sfd-ic-gd-c-rd-m,.sfd-ic-gd-c-rd-m-r,.sfd-ic-gd-c-rd-r,.sfd-ic-gd-c-ru,.sfd-ic-gd-c-ru-m,.sfd-ic-gd-c-ru-m-r,.sfd-ic-gd-c-ru-r,.sfd-ic-gd-lu,.sfd-ic-gd-lu-m,.sfd-ic-gd-lu-m-r,.sfd-ic-gd-lu-r,.sfd-ic-gd-r,.sfd-ic-gd-r-m,.sfd-ic-gd-r-m-r,.sfd-ic-gd-r-r,.sfd-ic-gd-ru,.sfd-ic-gd-ru-m,.sfd-ic-gd-ru-m-r,.sfd-ic-gd-ru-r,.sfd-ic-gd-u,.sfd-ic-gd-u-m,.sfd-ic-gd-u-m-r,.sfd-ic-gd-u-r,.sfd-ic-l-line00,.sfd-ic-l-line01,.sfd-ic-l-line02,.sfd-ic-l-line03,.sfd-ic-l-line04,.sfd-ic-l-line05,.sfd-ic-l-line10,.sfd-ic-l-line11,.sfd-ic-l-line20,.sfd-ic-l-line22,.sfd-ic-l-line30,.sfd-ic-l-line33,.sfd-ic-l-line40,.sfd-ic-l-line41,.sfd-ic-l-line44,.sfd-ic-l-line50,.sfd-ic-l-line51,.sfd-ic-l-line55,.sfd-ic-s-arrow,.sfd-ic-s-darrow,.sfd-ic-s-doc,.sfd-ic-s-docs,.sfd-ic-s-larrow,.sfd-ic-s-line,.sfd-ic-s-linex,.sfd-ic-s-linexx,.sfd-ic-s-oval,.sfd-ic-s-ovalcallout,.sfd-ic-s-rarrow,.sfd-ic-s-rect,.sfd-ic-s-rectcallout,.sfd-ic-s-rrect,.sfd-ic-s-shadow,.sfd-ic-s-triangle,.sfd-ic-s-uarrow,.sfd-ic-sd-c,.sfd-ic-sd-d,.sfd-ic-sd-l,.sfd-ic-sd-ld,.sfd-ic-sd-lu,.sfd-ic-sd-r,.sfd-ic-sd-rd,.sfd-ic-sd-ru,.sfd-ic-sd-u{display:inline-block;float:left;position:relative;background-image:url(../img/bootstrap-jh2d-editor/icons-ext.png);background-size:583 194px;width:48px;height:48px;margin:1px}.sfd-ic-s-arrow,.sfd-ic-s-darrow,.sfd-ic-s-doc,.sfd-ic-s-docs,.sfd-ic-s-larrow,.sfd-ic-s-line,.sfd-ic-s-linex,.sfd-ic-s-linexx,.sfd-ic-s-oval,.sfd-ic-s-ovalcallout,.sfd-ic-s-rarrow,.sfd-ic-s-rect,.sfd-ic-s-rectcallout,.sfd-ic-s-rrect,.sfd-ic-s-shadow,.sfd-ic-s-triangle,.sfd-ic-s-uarrow{width:16px;height:16px}.sfd-ic-l-line00,.sfd-ic-l-line01,.sfd-ic-l-line02,.sfd-ic-l-line03,.sfd-ic-l-line04,.sfd-ic-l-line05,.sfd-ic-l-line10,.sfd-ic-l-line11,.sfd-ic-l-line20,.sfd-ic-l-line22,.sfd-ic-l-line30,.sfd-ic-l-line33,.sfd-ic-l-line40,.sfd-ic-l-line41,.sfd-ic-l-line44,.sfd-ic-l-line50,.sfd-ic-l-line51,.sfd-ic-l-line55{width:82px;height:16px}.sfd-ic-gd-r{background-position:-1px -1px}.sfd-ic-gd-r-r{background-position:-49px -1px}.sfd-ic-gd-r-m{background-position:-97px -1px}.sfd-ic-gd-r-m-r{background-position:-145px -1px}.sfd-ic-gd-u{background-position:-193px -1px}.sfd-ic-gd-u-r{background-position:-241px -1px}.sfd-ic-gd-u-m{background-position:-289px -1px}.sfd-ic-gd-u-m-r{background-position:-337px -1px}.sfd-ic-gd-ru{background-position:-385px -1px}.sfd-ic-gd-ru-r{background-position:-433px -1px}.sfd-ic-gd-ru-m{background-position:-481px -1px}.sfd-ic-gd-ru-m-r{background-position:-529px -1px}.sfd-ic-gd-lu{background-position:-1px -49px}.sfd-ic-gd-lu-r{background-position:-49px -49px}.sfd-ic-gd-lu-m{background-position:-97px -49px}.sfd-ic-gd-lu-m-r{background-position:-145px -49px}.sfd-ic-gd-c{background-position:-193px -49px}.sfd-ic-gd-c-r{background-position:-241px -49px}.sfd-ic-gd-c-m{background-position:-289px -49px}.sfd-ic-gd-c-m-r{background-position:-337px -49px}.sfd-ic-gd-c-ru{background-position:-385px -49px}.sfd-ic-gd-c-lu{background-position:-433px -49px}.sfd-ic-gd-c-ld{background-position:-481px -49px}.sfd-ic-gd-c-rd{background-position:-529px -49px}.sfd-ic-gd-c-ru-r{background-position:-1px -97px}.sfd-ic-gd-c-lu-r{background-position:-49px -97px}.sfd-ic-gd-c-ld-r{background-position:-97px -97px}.sfd-ic-gd-c-rd-r{background-position:-145px -97px}.sfd-ic-gd-c-ru-m{background-position:-193px -97px}.sfd-ic-gd-c-lu-m{background-position:-241px -97px}.sfd-ic-gd-c-ld-m{background-position:-289px -97px}.sfd-ic-gd-c-rd-m{background-position:-337px -97px}.sfd-ic-gd-c-ru-m-r{background-position:-385px -97px}.sfd-ic-gd-c-lu-m-r{background-position:-433px -97px}.sfd-ic-gd-c-ld-m-r{background-position:-481px -97px}.sfd-ic-gd-c-rd-m-r{background-position:-529px -97px}.sfd-ic-sd-r{background-position:-1px -145px}.sfd-ic-sd-rd{background-position:-49px -145px}.sfd-ic-sd-d{background-position:-97px -145px}.sfd-ic-sd-ld{background-position:-145px -145px}.sfd-ic-sd-l{background-position:-193px -145px}.sfd-ic-sd-lu{background-position:-241px -145px}.sfd-ic-sd-u{background-position:-289px -145px}.sfd-ic-sd-ru{background-position:-337px -145px}.sfd-ic-sd-c{background-position:-385px -145px}.sfd-ic-s-line{background-position:-1px -193px}.sfd-ic-s-rect{background-position:-17px -193px}.sfd-ic-s-oval{background-position:-33px -193px}.sfd-ic-s-triangle{background-position:-49px -193px}.sfd-ic-s-arrow{background-position:-65px -193px}.sfd-ic-s-rarrow{background-position:-81px -193px}.sfd-ic-s-larrow{background-position:-97px -193px}.sfd-ic-s-uarrow{background-position:-113px -193px}.sfd-ic-s-darrow{background-position:-129px -193px}.sfd-ic-s-rectcallout{background-position:-145px -193px}.sfd-ic-s-ovalcallout{background-position:-161px -193px}.sfd-ic-s-rrect{background-position:-177px -193px}.sfd-ic-s-doc{background-position:-193px -193px}.sfd-ic-s-docs{background-position:-209px -193px}.sfd-ic-s-linex{background-position:-225px -193px}.sfd-ic-s-linexx{background-position:-241px -193px}.sfd-ic-s-shadow{background-position:-257px -193px}.sfd-ic-l-line00{background-position:-1px -209px}.sfd-ic-l-line01{background-position:-83px -209px}.sfd-ic-l-line10{background-position:-165px -209px}.sfd-ic-l-line11{background-position:-247px -209px}.sfd-ic-l-line02{background-position:-329px -209px}.sfd-ic-l-line20{background-position:-411px -209px}.sfd-ic-l-line22{background-position:-493px -209px}.sfd-ic-l-line03{background-position:-1px -225px}.sfd-ic-l-line30{background-position:-83px -225px}.sfd-ic-l-line33{background-position:-165px -225px}.sfd-ic-l-line04{background-position:-247px -225px}.sfd-ic-l-line40{background-position:-329px -225px}.sfd-ic-l-line44{background-position:-411px -225px}.sfd-ic-l-line05{background-position:-493px -225px}.sfd-ic-l-line50{background-position:-1px -241px}.sfd-ic-l-line55{background-position:-83px -241px}.sfd-ic-l-line41{background-position:-165px -241px}.sfd-ic-l-line51{background-position:-247px -241px}.sf-ic-altproc,.sf-ic-arc,.sf-ic-bentarrow,.sf-ic-bentuparrow,.sf-ic-blockarc,.sf-ic-braces,.sf-ic-brackets,.sf-ic-can,.sf-ic-card,.sf-ic-chord,.sf-ic-circulararrow,.sf-ic-cloud,.sf-ic-collate,.sf-ic-connector,.sf-ic-cross,.sf-ic-crossarrow,.sf-ic-cube,.sf-ic-curve,.sf-ic-curveddarraow,.sf-ic-curveddribbon,.sf-ic-curvedlarraow,.sf-ic-curvedrarraow,.sf-ic-curveduarraow,.sf-ic-curveduribbon,.sf-ic-darrow,.sf-ic-darrowcallout,.sf-ic-data,.sf-ic-decision,.sf-ic-delay,.sf-ic-diagonalstripe,.sf-ic-diamond,.sf-ic-directstorage,.sf-ic-display,.sf-ic-division,.sf-ic-doc,.sf-ic-docs,.sf-ic-donut,.sf-ic-dribbon,.sf-ic-drrect,.sf-ic-dsrect,.sf-ic-equal,.sf-ic-explosion,.sf-ic-extract,.sf-ic-foldedcorner,.sf-ic-forkedtail,.sf-ic-forkedtailarrow,.sf-ic-frame,.sf-ic-freeform,.sf-ic-halframe,.sf-ic-heart,.sf-ic-hscroll,.sf-ic-interstorage,.sf-ic-ladder,.sf-ic-larrow,.sf-ic-larrowcallout,.sf-ic-lbrace,.sf-ic-lbracket,.sf-ic-li-arrow0,.sf-ic-li-arrow1,.sf-ic-li-arrow10,.sf-ic-li-arrow11,.sf-ic-li-arrow2,.sf-ic-li-arrow20,.sf-ic-li-arrow22,.sf-ic-li-arrow41,.sf-ic-li-arrow44,.sf-ic-li-arrow51,.sf-ic-li-arrow55,.sf-ic-li-dashed0,.sf-ic-li-dashed1,.sf-ic-li-dashed2,.sf-ic-lightning,.sf-ic-line,.sf-ic-linecallout1,.sf-ic-linecallout10,.sf-ic-linecallout11,.sf-ic-linecallout12,.sf-ic-linecallout2,.sf-ic-linecallout3,.sf-ic-linecallout4,.sf-ic-linecallout5,.sf-ic-linecallout6,.sf-ic-linecallout7,.sf-ic-linecallout8,.sf-ic-linecallout9,.sf-ic-liner0,.sf-ic-liner1,.sf-ic-liner10,.sf-ic-liner2,.sf-ic-liner20,.sf-ic-liner3,.sf-ic-liner30,.sf-ic-liner4,.sf-ic-liner40,.sf-ic-liner5,.sf-ic-liner50,.sf-ic-linex,.sf-ic-linexx,.sf-ic-lrarrow,.sf-ic-lrline,.sf-ic-lrlinex,.sf-ic-lrlinexx,.sf-ic-lruarrow,.sf-ic-lshape,.sf-ic-luarrow,.sf-ic-magstorage,.sf-ic-manualinput,.sf-ic-manualoper,.sf-ic-merge,.sf-ic-minus,.sf-ic-missingcorner,.sf-ic-moon,.sf-ic-multiply,.sf-ic-nosymbol,.sf-ic-notequal,.sf-ic-offpageconn,.sf-ic-or,.sf-ic-oval,.sf-ic-ovalcallout,.sf-ic-p-p20,.sf-ic-p-p21,.sf-ic-p-p22,.sf-ic-p-p29,.sf-ic-p-p30,.sf-ic-p-p31,.sf-ic-p-pl1,.sf-ic-p-pl2,.sf-ic-p-pl3,.sf-ic-p-pl4,.sf-ic-p-pl5,.sf-ic-p-pl6,.sf-ic-p-pl7,.sf-ic-p-pl8,.sf-ic-p-pl9,.sf-ic-p-px1,.sf-ic-p-px2,.sf-ic-p-px3,.sf-ic-p-px4,.sf-ic-p-px5,.sf-ic-p-px6,.sf-ic-p-px7,.sf-ic-p-px8,.sf-ic-p-px9,.sf-ic-parallelogram,.sf-ic-pentagon,.sf-ic-pie,.sf-ic-plus,.sf-ic-pollygon10,.sf-ic-pollygon12,.sf-ic-pollygon5,.sf-ic-pollygon6,.sf-ic-pollygon7,.sf-ic-pollygon8,.sf-ic-predefproc,.sf-ic-preparation,.sf-ic-process,.sf-ic-punchedtape,.sf-ic-rarrow,.sf-ic-rarrowcallout,.sf-ic-rbrace,.sf-ic-rbracket,.sf-ic-rect,.sf-ic-rectcallout,.sf-ic-rline,.sf-ic-rlinex,.sf-ic-rlinexx,.sf-ic-rrect,.sf-ic-rrectcallout,.sf-ic-sasrrect,.sf-ic-seqstorage,.sf-ic-shadow,.sf-ic-smileyface,.sf-ic-sort,.sf-ic-srrect,.sf-ic-ssrect,.sf-ic-ssrrect,.sf-ic-sssrect,.sf-ic-star10,.sf-ic-star12,.sf-ic-star16,.sf-ic-star24,.sf-ic-star32,.sf-ic-star4,.sf-ic-star5,.sf-ic-star6,.sf-ic-star7,.sf-ic-star8,.sf-ic-storeddata,.sf-ic-stripedrarrow,.sf-ic-summingjunction,.sf-ic-sun,.sf-ic-t-tt0,.sf-ic-t-tt1,.sf-ic-t-tt10,.sf-ic-t-tt11,.sf-ic-t-tt12,.sf-ic-t-tt13,.sf-ic-t-tt14,.sf-ic-t-tt15,.sf-ic-t-tt16,.sf-ic-t-tt17,.sf-ic-t-tt18,.sf-ic-t-tt19,.sf-ic-t-tt2,.sf-ic-t-tt20,.sf-ic-t-tt21,.sf-ic-t-tt22,.sf-ic-t-tt23,.sf-ic-t-tt24,.sf-ic-t-tt3,.sf-ic-t-tt4,.sf-ic-t-tt5,.sf-ic-t-tt6,.sf-ic-t-tt7,.sf-ic-t-tt8,.sf-ic-t-tt9,.sf-ic-teardrop,.sf-ic-terminator,.sf-ic-triangle,.sf-ic-uarrow,.sf-ic-uarrowcallout,.sf-ic-udarrow,.sf-ic-uribbon,.sf-ic-uturnarrow,.sf-ic-vscroll,.sf-ic-wave,.sf-ic-wave2,.sf-ic-x-altproc,.sf-ic-x-arc,.sf-ic-x-bentarrow,.sf-ic-x-bentuparrow,.sf-ic-x-blockarc,.sf-ic-x-braces,.sf-ic-x-brackets,.sf-ic-x-can,.sf-ic-x-card,.sf-ic-x-chord,.sf-ic-x-circulararrow,.sf-ic-x-cloud,.sf-ic-x-collate,.sf-ic-x-connector,.sf-ic-x-cross,.sf-ic-x-crossarrow,.sf-ic-x-cube,.sf-ic-x-curve,.sf-ic-x-curveddarraow,.sf-ic-x-curveddribbon,.sf-ic-x-curvedlarraow,.sf-ic-x-curvedrarraow,.sf-ic-x-curveduarraow,.sf-ic-x-curveduribbon,.sf-ic-x-darrow,.sf-ic-x-darrowcallout,.sf-ic-x-data,.sf-ic-x-decision,.sf-ic-x-delay,.sf-ic-x-diagonalstripe,.sf-ic-x-diamond,.sf-ic-x-directstorage,.sf-ic-x-display,.sf-ic-x-division,.sf-ic-x-doc,.sf-ic-x-docs,.sf-ic-x-donut,.sf-ic-x-dribbon,.sf-ic-x-drrect,.sf-ic-x-dsrect,.sf-ic-x-equal,.sf-ic-x-explosion,.sf-ic-x-extract,.sf-ic-x-foldedcorner,.sf-ic-x-forkedtail,.sf-ic-x-forkedtailarrow,.sf-ic-x-frame,.sf-ic-x-freeform,.sf-ic-x-halframe,.sf-ic-x-heart,.sf-ic-x-hscroll,.sf-ic-x-interstorage,.sf-ic-x-ladder,.sf-ic-x-larrow,.sf-ic-x-larrowcallout,.sf-ic-x-lbrace,.sf-ic-x-lbracket,.sf-ic-x-lightning,.sf-ic-x-line,.sf-ic-x-linecallout1,.sf-ic-x-linecallout10,.sf-ic-x-linecallout11,.sf-ic-x-linecallout12,.sf-ic-x-linecallout2,.sf-ic-x-linecallout3,.sf-ic-x-linecallout4,.sf-ic-x-linecallout5,.sf-ic-x-linecallout6,.sf-ic-x-linecallout7,.sf-ic-x-linecallout8,.sf-ic-x-linecallout9,.sf-ic-x-linex,.sf-ic-x-linexx,.sf-ic-x-lline,.sf-ic-x-llinex,.sf-ic-x-llinexx,.sf-ic-x-lrarrow,.sf-ic-x-lrline,.sf-ic-x-lrlinex,.sf-ic-x-lrlinexx,.sf-ic-x-lruarrow,.sf-ic-x-lshape,.sf-ic-x-luarrow,.sf-ic-x-magstorage,.sf-ic-x-manualinput,.sf-ic-x-manualoper,.sf-ic-x-merge,.sf-ic-x-minus,.sf-ic-x-missingcorner,.sf-ic-x-moon,.sf-ic-x-multiply,.sf-ic-x-nosymbol,.sf-ic-x-notequal,.sf-ic-x-offpageconn,.sf-ic-x-or,.sf-ic-x-oval,.sf-ic-x-ovalcallout,.sf-ic-x-parallelogram,.sf-ic-x-pentagon,.sf-ic-x-pie,.sf-ic-x-plus,.sf-ic-x-pollygon10,.sf-ic-x-pollygon12,.sf-ic-x-pollygon5,.sf-ic-x-pollygon6,.sf-ic-x-pollygon7,.sf-ic-x-pollygon8,.sf-ic-x-predefproc,.sf-ic-x-preparation,.sf-ic-x-process,.sf-ic-x-punchedtape,.sf-ic-x-qs-fill-black,.sf-ic-x-qs-fill-blue,.sf-ic-x-qs-fill-green,.sf-ic-x-qs-fill-light-blue,.sf-ic-x-qs-fill-orange,.sf-ic-x-qs-fill-red,.sf-ic-x-qs-moderate-effect-black,.sf-ic-x-qs-moderate-effect-blue,.sf-ic-x-qs-moderate-effect-green,.sf-ic-x-qs-moderate-effect-light-blue,.sf-ic-x-qs-moderate-effect-orange,.sf-ic-x-qs-moderate-effect-red,.sf-ic-x-qs-outline-black,.sf-ic-x-qs-outline-blue,.sf-ic-x-qs-outline-fill-black,.sf-ic-x-qs-outline-fill-blue,.sf-ic-x-qs-outline-fill-green,.sf-ic-x-qs-outline-fill-light-blue,.sf-ic-x-qs-outline-fill-orange,.sf-ic-x-qs-outline-fill-red,.sf-ic-x-qs-outline-green,.sf-ic-x-qs-outline-light-blue,.sf-ic-x-qs-outline-orange,.sf-ic-x-qs-outline-red,.sf-ic-x-qs-subtle-effect-black,.sf-ic-x-qs-subtle-effect-blue,.sf-ic-x-qs-subtle-effect-green,.sf-ic-x-qs-subtle-effect-light-blue,.sf-ic-x-qs-subtle-effect-orange,.sf-ic-x-qs-subtle-effect-red,.sf-ic-x-rarrow,.sf-ic-x-rarrowcallout,.sf-ic-x-rbrace,.sf-ic-x-rbracket,.sf-ic-x-rect,.sf-ic-x-rectcallout,.sf-ic-x-rline,.sf-ic-x-rlinex,.sf-ic-x-rlinexx,.sf-ic-x-rrect,.sf-ic-x-rrectcallout,.sf-ic-x-sasrrect,.sf-ic-x-seqstorage,.sf-ic-x-smileyface,.sf-ic-x-sort,.sf-ic-x-srrect,.sf-ic-x-ssrect,.sf-ic-x-ssrrect,.sf-ic-x-sssrect,.sf-ic-x-star10,.sf-ic-x-star12,.sf-ic-x-star16,.sf-ic-x-star24,.sf-ic-x-star32,.sf-ic-x-star4,.sf-ic-x-star5,.sf-ic-x-star6,.sf-ic-x-star7,.sf-ic-x-star8,.sf-ic-x-storeddata,.sf-ic-x-stripedrarrow,.sf-ic-x-summingjunction,.sf-ic-x-sun,.sf-ic-x-teardrop,.sf-ic-x-terminator,.sf-ic-x-triangle,.sf-ic-x-uarrow,.sf-ic-x-uarrowcallout,.sf-ic-x-udarrow,.sf-ic-x-uribbon,.sf-ic-x-uturnarrow,.sf-ic-x-vscroll,.sf-ic-x-wave,.sf-ic-x-wave2{display:inline-block;float:left;position:relative;background-image:url(../img/bootstrap-jh2d-editor/icons.png);background-size:535px 1176px;width:48px;height:48px;margin:1px}.sf-ic-altproc,.sf-ic-arc,.sf-ic-bentarrow,.sf-ic-bentuparrow,.sf-ic-blockarc,.sf-ic-braces,.sf-ic-brackets,.sf-ic-can,.sf-ic-card,.sf-ic-chord,.sf-ic-circulararrow,.sf-ic-cloud,.sf-ic-collate,.sf-ic-connector,.sf-ic-cross,.sf-ic-crossarrow,.sf-ic-cube,.sf-ic-curve,.sf-ic-curveddarraow,.sf-ic-curveddribbon,.sf-ic-curvedlarraow,.sf-ic-curvedrarraow,.sf-ic-curveduarraow,.sf-ic-curveduribbon,.sf-ic-darrow,.sf-ic-darrowcallout,.sf-ic-data,.sf-ic-decision,.sf-ic-delay,.sf-ic-diagonalstripe,.sf-ic-diamond,.sf-ic-directstorage,.sf-ic-display,.sf-ic-division,.sf-ic-doc,.sf-ic-docs,.sf-ic-donut,.sf-ic-dribbon,.sf-ic-drrect,.sf-ic-dsrect,.sf-ic-equal,.sf-ic-explosion,.sf-ic-extract,.sf-ic-foldedcorner,.sf-ic-forkedtail,.sf-ic-forkedtailarrow,.sf-ic-frame,.sf-ic-freeform,.sf-ic-halframe,.sf-ic-heart,.sf-ic-hscroll,.sf-ic-interstorage,.sf-ic-ladder,.sf-ic-larrow,.sf-ic-larrowcallout,.sf-ic-lbrace,.sf-ic-lbracket,.sf-ic-lightning,.sf-ic-line,.sf-ic-linecallout1,.sf-ic-linecallout10,.sf-ic-linecallout11,.sf-ic-linecallout12,.sf-ic-linecallout2,.sf-ic-linecallout3,.sf-ic-linecallout4,.sf-ic-linecallout5,.sf-ic-linecallout6,.sf-ic-linecallout7,.sf-ic-linecallout8,.sf-ic-linecallout9,.sf-ic-liner0,.sf-ic-liner1,.sf-ic-liner10,.sf-ic-liner2,.sf-ic-liner20,.sf-ic-liner3,.sf-ic-liner30,.sf-ic-liner4,.sf-ic-liner40,.sf-ic-liner5,.sf-ic-liner50,.sf-ic-linex,.sf-ic-linexx,.sf-ic-lrarrow,.sf-ic-lrline,.sf-ic-lrlinex,.sf-ic-lrlinexx,.sf-ic-lruarrow,.sf-ic-lshape,.sf-ic-luarrow,.sf-ic-magstorage,.sf-ic-manualinput,.sf-ic-manualoper,.sf-ic-merge,.sf-ic-minus,.sf-ic-missingcorner,.sf-ic-moon,.sf-ic-multiply,.sf-ic-nosymbol,.sf-ic-notequal,.sf-ic-offpageconn,.sf-ic-or,.sf-ic-oval,.sf-ic-ovalcallout,.sf-ic-parallelogram,.sf-ic-pentagon,.sf-ic-pie,.sf-ic-plus,.sf-ic-pollygon10,.sf-ic-pollygon12,.sf-ic-pollygon5,.sf-ic-pollygon6,.sf-ic-pollygon7,.sf-ic-pollygon8,.sf-ic-predefproc,.sf-ic-preparation,.sf-ic-process,.sf-ic-punchedtape,.sf-ic-rarrow,.sf-ic-rarrowcallout,.sf-ic-rbrace,.sf-ic-rbracket,.sf-ic-rect,.sf-ic-rectcallout,.sf-ic-rline,.sf-ic-rlinex,.sf-ic-rlinexx,.sf-ic-rrect,.sf-ic-rrectcallout,.sf-ic-sasrrect,.sf-ic-seqstorage,.sf-ic-shadow,.sf-ic-smileyface,.sf-ic-sort,.sf-ic-srrect,.sf-ic-ssrect,.sf-ic-ssrrect,.sf-ic-sssrect,.sf-ic-star10,.sf-ic-star12,.sf-ic-star16,.sf-ic-star24,.sf-ic-star32,.sf-ic-star4,.sf-ic-star5,.sf-ic-star6,.sf-ic-star7,.sf-ic-star8,.sf-ic-storeddata,.sf-ic-stripedrarrow,.sf-ic-summingjunction,.sf-ic-sun,.sf-ic-teardrop,.sf-ic-terminator,.sf-ic-triangle,.sf-ic-uarrow,.sf-ic-uarrowcallout,.sf-ic-udarrow,.sf-ic-uribbon,.sf-ic-uturnarrow,.sf-ic-vscroll,.sf-ic-wave,.sf-ic-wave2{width:16px;height:16px}.sf-ic-li-arrow0,.sf-ic-li-arrow1,.sf-ic-li-arrow10,.sf-ic-li-arrow11,.sf-ic-li-arrow2,.sf-ic-li-arrow20,.sf-ic-li-arrow22,.sf-ic-li-arrow41,.sf-ic-li-arrow44,.sf-ic-li-arrow51,.sf-ic-li-arrow55,.sf-ic-li-dashed0,.sf-ic-li-dashed1,.sf-ic-li-dashed2{width:64px;height:14px}.sf-ic-p-p20,.sf-ic-p-p21,.sf-ic-p-p22,.sf-ic-p-p29,.sf-ic-p-p30,.sf-ic-p-p31,.sf-ic-p-pl1,.sf-ic-p-pl2,.sf-ic-p-pl3,.sf-ic-p-pl4,.sf-ic-p-pl5,.sf-ic-p-pl6,.sf-ic-p-pl7,.sf-ic-p-pl8,.sf-ic-p-pl9,.sf-ic-p-px1,.sf-ic-p-px2,.sf-ic-p-px3,.sf-ic-p-px4,.sf-ic-p-px5,.sf-ic-p-px6,.sf-ic-p-px7,.sf-ic-p-px8,.sf-ic-p-px9{width:40px;height:40px}.sf-ic-t-tt0,.sf-ic-t-tt1,.sf-ic-t-tt10,.sf-ic-t-tt11,.sf-ic-t-tt12,.sf-ic-t-tt13,.sf-ic-t-tt14,.sf-ic-t-tt15,.sf-ic-t-tt16,.sf-ic-t-tt17,.sf-ic-t-tt18,.sf-ic-t-tt19,.sf-ic-t-tt2,.sf-ic-t-tt20,.sf-ic-t-tt21,.sf-ic-t-tt22,.sf-ic-t-tt23,.sf-ic-t-tt24,.sf-ic-t-tt3,.sf-ic-t-tt4,.sf-ic-t-tt5,.sf-ic-t-tt6,.sf-ic-t-tt7,.sf-ic-t-tt8,.sf-ic-t-tt9{width:52px;height:52px}.sf-ic-x-line{background-position:-2px -2px}.sf-ic-x-curve{background-position:-50px -2px}.sf-ic-x-freeform{background-position:-98px -2px}.sf-ic-x-linex{background-position:-146px -2px}.sf-ic-x-linexx{background-position:-194px -2px}.sf-ic-x-rect{background-position:-242px -2px}.sf-ic-x-rrect{background-position:-290px -2px}.sf-ic-x-ssrect{background-position:-338px -2px}.sf-ic-x-sssrect{background-position:-386px -2px}.sf-ic-x-dsrect{background-position:-434px -2px}.sf-ic-x-sasrrect{background-position:-482px -2px}.sf-ic-x-srrect{background-position:-2px -50px}.sf-ic-x-ssrrect{background-position:-50px -50px}.sf-ic-x-drrect{background-position:-98px -50px}.sf-ic-x-oval{background-position:-146px -50px}.sf-ic-x-triangle{background-position:-194px -50px}.sf-ic-x-parallelogram{background-position:-242px -50px}.sf-ic-x-ladder{background-position:-290px -50px}.sf-ic-x-diamond{background-position:-338px -50px}.sf-ic-x-pollygon5{background-position:-386px -50px}.sf-ic-x-pollygon6{background-position:-434px -50px}.sf-ic-x-pollygon7{background-position:-482px -50px}.sf-ic-x-pollygon8{background-position:-2px -98px}.sf-ic-x-pollygon10{background-position:-50px -98px}.sf-ic-x-pollygon12{background-position:-98px -98px}.sf-ic-x-pie{background-position:-146px -98px}.sf-ic-x-chord{background-position:-194px -98px}.sf-ic-x-teardrop{background-position:-242px -98px}.sf-ic-x-frame{background-position:-290px -98px}.sf-ic-x-halframe{background-position:-338px -98px}.sf-ic-x-lshape{background-position:-386px -98px}.sf-ic-x-diagonalstripe{background-position:-434px -98px}.sf-ic-x-cross{background-position:-482px -98px}.sf-ic-x-missingcorner{background-position:-2px -146px}.sf-ic-x-can{background-position:-50px -146px}.sf-ic-x-cube{background-position:-98px -146px}.sf-ic-x-donut{background-position:-146px -146px}.sf-ic-x-nosymbol{background-position:-194px -146px}.sf-ic-x-blockarc{background-position:-242px -146px}.sf-ic-x-foldedcorner{background-position:-290px -146px}.sf-ic-x-smileyface{background-position:-338px -146px}.sf-ic-x-heart{background-position:-386px -146px}.sf-ic-x-lightning{background-position:-434px -146px}.sf-ic-x-sun{background-position:-482px -146px}.sf-ic-x-moon{background-position:-2px -194px}.sf-ic-x-cloud{background-position:-50px -194px}.sf-ic-x-arc{background-position:-98px -194px}.sf-ic-x-brackets{background-position:-146px -194px}.sf-ic-x-lbracket{background-position:-194px -194px}.sf-ic-x-rbracket{background-position:-242px -194px}.sf-ic-x-braces{background-position:-290px -194px}.sf-ic-x-lbrace{background-position:-338px -194px}.sf-ic-x-rbrace{background-position:-386px -194px}.sf-ic-x-rarrow{background-position:-434px -194px}.sf-ic-x-larrow{background-position:-482px -194px}.sf-ic-x-uarrow{background-position:-2px -242px}.sf-ic-x-darrow{background-position:-50px -242px}.sf-ic-x-lrarrow{background-position:-98px -242px}.sf-ic-x-udarrow{background-position:-146px -242px}.sf-ic-x-crossarrow{background-position:-194px -242px}.sf-ic-x-lruarrow{background-position:-242px -242px}.sf-ic-x-bentarrow{background-position:-290px -242px}.sf-ic-x-uturnarrow{background-position:-338px -242px}.sf-ic-x-luarrow{background-position:-386px -242px}.sf-ic-x-bentuparrow{background-position:-434px -242px}.sf-ic-x-curvedlarraow{background-position:-482px -242px}.sf-ic-x-curvedrarraow{background-position:-2px -290px}.sf-ic-x-curveddarraow{background-position:-50px -290px}.sf-ic-x-curveduarraow{background-position:-98px -290px}.sf-ic-x-stripedrarrow{background-position:-146px -290px}.sf-ic-x-forkedtailarrow{background-position:-194px -290px}.sf-ic-x-pentagon{background-position:-242px -290px}.sf-ic-x-forkedtail{background-position:-290px -290px}.sf-ic-x-rarrowcallout{background-position:-338px -290px}.sf-ic-x-larrowcallout{background-position:-386px -290px}.sf-ic-x-darrowcallout{background-position:-434px -290px}.sf-ic-x-uarrowcallout{background-position:-482px -290px}.sf-ic-x-circulararrow{background-position:-2px -338px}.sf-ic-x-process{background-position:-50px -338px}.sf-ic-x-altproc{background-position:-98px -338px}.sf-ic-x-decision{background-position:-146px -338px}.sf-ic-x-data{background-position:-194px -338px}.sf-ic-x-predefproc{background-position:-242px -338px}.sf-ic-x-interstorage{background-position:-290px -338px}.sf-ic-x-doc{background-position:-338px -338px}.sf-ic-x-docs{background-position:-386px -338px}.sf-ic-x-terminator{background-position:-434px -338px}.sf-ic-x-preparation{background-position:-482px -338px}.sf-ic-x-manualinput{background-position:-2px -386px}.sf-ic-x-manualoper{background-position:-50px -386px}.sf-ic-x-connector{background-position:-98px -386px}.sf-ic-x-offpageconn{background-position:-146px -386px}.sf-ic-x-card{background-position:-194px -386px}.sf-ic-x-punchedtape{background-position:-242px -386px}.sf-ic-x-summingjunction{background-position:-290px -386px}.sf-ic-x-or{background-position:-338px -386px}.sf-ic-x-collate{background-position:-386px -386px}.sf-ic-x-sort{background-position:-434px -386px}.sf-ic-x-extract{background-position:-482px -386px}.sf-ic-x-merge{background-position:-2px -434px}.sf-ic-x-storeddata{background-position:-50px -434px}.sf-ic-x-delay{background-position:-98px -434px}.sf-ic-x-seqstorage{background-position:-146px -434px}.sf-ic-x-magstorage{background-position:-194px -434px}.sf-ic-x-directstorage{background-position:-242px -434px}.sf-ic-x-display{background-position:-290px -434px}.sf-ic-x-explosion{background-position:-338px -434px}.sf-ic-x-star4{background-position:-386px -434px}.sf-ic-x-star5{background-position:-434px -434px}.sf-ic-x-star6{background-position:-482px -434px}.sf-ic-x-star7{background-position:-2px -482px}.sf-ic-x-star8{background-position:-50px -482px}.sf-ic-x-star10{background-position:-98px -482px}.sf-ic-x-star12{background-position:-146px -482px}.sf-ic-x-star16{background-position:-194px -482px}.sf-ic-x-star24{background-position:-242px -482px}.sf-ic-x-star32{background-position:-290px -482px}.sf-ic-x-uribbon{background-position:-338px -482px}.sf-ic-x-dribbon{background-position:-386px -482px}.sf-ic-x-curveduribbon{background-position:-434px -482px}.sf-ic-x-curveddribbon{background-position:-482px -482px}.sf-ic-x-vscroll{background-position:-2px -530px}.sf-ic-x-hscroll{background-position:-50px -530px}.sf-ic-x-wave{background-position:-98px -530px}.sf-ic-x-wave2{background-position:-146px -530px}.sf-ic-x-rectcallout{background-position:-194px -530px}.sf-ic-x-rrectcallout{background-position:-242px -530px}.sf-ic-x-ovalcallout{background-position:-290px -530px}.sf-ic-x-linecallout1{background-position:-338px -530px}.sf-ic-x-linecallout2{background-position:-386px -530px}.sf-ic-x-linecallout3{background-position:-434px -530px}.sf-ic-x-linecallout4{background-position:-482px -530px}.sf-ic-x-linecallout5{background-position:-2px -578px}.sf-ic-x-linecallout6{background-position:-50px -578px}.sf-ic-x-linecallout7{background-position:-98px -578px}.sf-ic-x-linecallout8{background-position:-146px -578px}.sf-ic-x-linecallout9{background-position:-194px -578px}.sf-ic-x-linecallout10{background-position:-242px -578px}.sf-ic-x-linecallout11{background-position:-290px -578px}.sf-ic-x-linecallout12{background-position:-338px -578px}.sf-ic-x-rline{background-position:-386px -578px}.sf-ic-x-lline{background-position:-434px -578px}.sf-ic-x-lrline{background-position:-482px -578px}.sf-ic-x-rlinex{background-position:-2px -626px}.sf-ic-x-llinex{background-position:-50px -626px}.sf-ic-x-lrlinex{background-position:-98px -626px}.sf-ic-x-rlinexx{background-position:-146px -626px}.sf-ic-x-llinexx{background-position:-194px -626px}.sf-ic-x-lrlinexx{background-position:-242px -626px}.sf-ic-x-plus{background-position:-290px -626px}.sf-ic-x-minus{background-position:-338px -626px}.sf-ic-x-multiply{background-position:-386px -626px}.sf-ic-x-division{background-position:-434px -626px}.sf-ic-x-equal{background-position:-482px -626px}.sf-ic-x-notequal{background-position:-2px -674px}.sf-ic-x-qs-outline-black{background-position:-50px -674px}.sf-ic-x-qs-outline-blue{background-position:-98px -674px}.sf-ic-x-qs-outline-green{background-position:-146px -674px}.sf-ic-x-qs-outline-light-blue{background-position:-194px -674px}.sf-ic-x-qs-outline-orange{background-position:-242px -674px}.sf-ic-x-qs-outline-red{background-position:-290px -674px}.sf-ic-x-qs-fill-black{background-position:-338px -674px}.sf-ic-x-qs-fill-blue{background-position:-386px -674px}.sf-ic-x-qs-fill-green{background-position:-434px -674px}.sf-ic-x-qs-fill-light-blue{background-position:-482px -674px}.sf-ic-x-qs-fill-orange{background-position:-2px -722px}.sf-ic-x-qs-fill-red{background-position:-50px -722px}.sf-ic-x-qs-outline-fill-black{background-position:-98px -722px}.sf-ic-x-qs-outline-fill-blue{background-position:-146px -722px}.sf-ic-x-qs-outline-fill-green{background-position:-194px -722px}.sf-ic-x-qs-outline-fill-light-blue{background-position:-242px -722px}.sf-ic-x-qs-outline-fill-orange{background-position:-290px -722px}.sf-ic-x-qs-outline-fill-red{background-position:-338px -722px}.sf-ic-x-qs-subtle-effect-black{background-position:-386px -722px}.sf-ic-x-qs-subtle-effect-blue{background-position:-434px -722px}.sf-ic-x-qs-subtle-effect-green{background-position:-482px -722px}.sf-ic-x-qs-subtle-effect-light-blue{background-position:-2px -770px}.sf-ic-x-qs-subtle-effect-orange{background-position:-50px -770px}.sf-ic-x-qs-subtle-effect-red{background-position:-98px -770px}.sf-ic-x-qs-moderate-effect-black{background-position:-146px -770px}.sf-ic-x-qs-moderate-effect-blue{background-position:-194px -770px}.sf-ic-x-qs-moderate-effect-green{background-position:-242px -770px}.sf-ic-x-qs-moderate-effect-light-blue{background-position:-290px -770px}.sf-ic-x-qs-moderate-effect-orange{background-position:-338px -770px}.sf-ic-x-qs-moderate-effect-red{background-position:-386px -770px}.sf-ic-line{background-position:-1px -819px}.sf-ic-rline{background-position:-17px -819px}.sf-ic-lrline{background-position:-33px -819px}.sf-ic-curve{background-position:-49px -819px}.sf-ic-freeform{background-position:-65px -819px}.sf-ic-rect{background-position:-81px -819px}.sf-ic-rrect{background-position:-97px -819px}.sf-ic-ssrect{background-position:-113px -819px}.sf-ic-sssrect{background-position:-129px -819px}.sf-ic-dsrect{background-position:-145px -819px}.sf-ic-sasrrect{background-position:-161px -819px}.sf-ic-srrect{background-position:-177px -819px}.sf-ic-ssrrect{background-position:-193px -819px}.sf-ic-drrect{background-position:-209px -819px}.sf-ic-oval{background-position:-225px -819px}.sf-ic-triangle{background-position:-241px -819px}.sf-ic-parallelogram{background-position:-257px -819px}.sf-ic-ladder{background-position:-273px -819px}.sf-ic-diamond{background-position:-289px -819px}.sf-ic-pollygon5{background-position:-305px -819px}.sf-ic-pollygon6{background-position:-321px -819px}.sf-ic-pollygon7{background-position:-337px -819px}.sf-ic-pollygon8{background-position:-353px -819px}.sf-ic-pollygon10{background-position:-369px -819px}.sf-ic-pollygon12{background-position:-385px -819px}.sf-ic-pie{background-position:-401px -819px}.sf-ic-chord{background-position:-417px -819px}.sf-ic-teardrop{background-position:-433px -819px}.sf-ic-frame{background-position:-449px -819px}.sf-ic-halframe{background-position:-465px -819px}.sf-ic-lshape{background-position:-481px -819px}.sf-ic-diagonalstripe{background-position:-497px -819px}.sf-ic-cross{background-position:-513px -819px}.sf-ic-missingcorner{background-position:-1px -835px}.sf-ic-can{background-position:-17px -835px}.sf-ic-cube{background-position:-33px -835px}.sf-ic-donut{background-position:-49px -835px}.sf-ic-nosymbol{background-position:-65px -835px}.sf-ic-blockarc{background-position:-81px -835px}.sf-ic-foldedcorner{background-position:-97px -835px}.sf-ic-smileyface{background-position:-113px -835px}.sf-ic-heart{background-position:-129px -835px}.sf-ic-lightning{background-position:-145px -835px}.sf-ic-sun{background-position:-161px -835px}.sf-ic-moon{background-position:-177px -835px}.sf-ic-cloud{background-position:-193px -835px}.sf-ic-arc{background-position:-209px -835px}.sf-ic-brackets{background-position:-225px -835px}.sf-ic-lbracket{background-position:-241px -835px}.sf-ic-rbracket{background-position:-257px -835px}.sf-ic-braces{background-position:-273px -835px}.sf-ic-lbrace{background-position:-289px -835px}.sf-ic-rbrace{background-position:-305px -835px}.sf-ic-rarrow{background-position:-321px -835px}.sf-ic-larrow{background-position:-337px -835px}.sf-ic-uarrow{background-position:-353px -835px}.sf-ic-darrow{background-position:-369px -835px}.sf-ic-lrarrow{background-position:-385px -835px}.sf-ic-udarrow{background-position:-401px -835px}.sf-ic-crossarrow{background-position:-417px -835px}.sf-ic-lruarrow{background-position:-433px -835px}.sf-ic-bentarrow{background-position:-449px -835px}.sf-ic-uturnarrow{background-position:-465px -835px}.sf-ic-luarrow{background-position:-481px -835px}.sf-ic-bentuparrow{background-position:-497px -835px}.sf-ic-curvedlarraow{background-position:-513px -835px}.sf-ic-curvedrarraow{background-position:-1px -851px}.sf-ic-curveddarraow{background-position:-17px -851px}.sf-ic-curveduarraow{background-position:-33px -851px}.sf-ic-stripedrarrow{background-position:-49px -851px}.sf-ic-forkedtailarrow{background-position:-65px -851px}.sf-ic-pentagon{background-position:-81px -851px}.sf-ic-forkedtail{background-position:-97px -851px}.sf-ic-rarrowcallout{background-position:-113px -851px}.sf-ic-larrowcallout{background-position:-129px -851px}.sf-ic-darrowcallout{background-position:-145px -851px}.sf-ic-uarrowcallout{background-position:-161px -851px}.sf-ic-circulararrow{background-position:-177px -851px}.sf-ic-process{background-position:-193px -851px}.sf-ic-altproc{background-position:-209px -851px}.sf-ic-decision{background-position:-225px -851px}.sf-ic-data{background-position:-241px -851px}.sf-ic-predefproc{background-position:-257px -851px}.sf-ic-interstorage{background-position:-273px -851px}.sf-ic-doc{background-position:-289px -851px}.sf-ic-docs{background-position:-305px -851px}.sf-ic-terminator{background-position:-321px -851px}.sf-ic-preparation{background-position:-337px -851px}.sf-ic-manualinput{background-position:-353px -851px}.sf-ic-manualoper{background-position:-369px -851px}.sf-ic-connector{background-position:-385px -851px}.sf-ic-offpageconn{background-position:-401px -851px}.sf-ic-card{background-position:-417px -851px}.sf-ic-punchedtape{background-position:-433px -851px}.sf-ic-summingjunction{background-position:-449px -851px}.sf-ic-or{background-position:-465px -851px}.sf-ic-collate{background-position:-481px -851px}.sf-ic-sort{background-position:-497px -851px}.sf-ic-extract{background-position:-513px -851px}.sf-ic-merge{background-position:-1px -867px}.sf-ic-storeddata{background-position:-17px -867px}.sf-ic-delay{background-position:-33px -867px}.sf-ic-seqstorage{background-position:-49px -867px}.sf-ic-magstorage{background-position:-65px -867px}.sf-ic-directstorage{background-position:-81px -867px}.sf-ic-display{background-position:-97px -867px}.sf-ic-explosion{background-position:-113px -867px}.sf-ic-star4{background-position:-129px -867px}.sf-ic-star5{background-position:-145px -867px}.sf-ic-star6{background-position:-161px -867px}.sf-ic-star7{background-position:-177px -867px}.sf-ic-star8{background-position:-193px -867px}.sf-ic-star10{background-position:-209px -867px}.sf-ic-star12{background-position:-225px -867px}.sf-ic-star16{background-position:-241px -867px}.sf-ic-star24{background-position:-257px -867px}.sf-ic-star32{background-position:-273px -867px}.sf-ic-uribbon{background-position:-289px -867px}.sf-ic-dribbon{background-position:-305px -867px}.sf-ic-curveduribbon{background-position:-321px -867px}.sf-ic-curveddribbon{background-position:-337px -867px}.sf-ic-vscroll{background-position:-353px -867px}.sf-ic-hscroll{background-position:-369px -867px}.sf-ic-wave{background-position:-385px -867px}.sf-ic-wave2{background-position:-401px -867px}.sf-ic-rectcallout{background-position:-417px -867px}.sf-ic-rrectcallout{background-position:-433px -867px}.sf-ic-ovalcallout{background-position:-449px -867px}.sf-ic-linecallout1{background-position:-465px -867px}.sf-ic-linecallout2{background-position:-481px -867px}.sf-ic-linecallout3{background-position:-497px -867px}.sf-ic-linecallout4{background-position:-513px -867px}.sf-ic-linecallout5{background-position:-1px -883px}.sf-ic-linecallout6{background-position:-17px -883px}.sf-ic-linecallout7{background-position:-33px -883px}.sf-ic-linecallout8{background-position:-49px -883px}.sf-ic-linecallout9{background-position:-65px -883px}.sf-ic-linecallout10{background-position:-81px -883px}.sf-ic-linecallout11{background-position:-97px -883px}.sf-ic-linecallout12{background-position:-113px -883px}.sf-ic-linex{background-position:-129px -883px}.sf-ic-rlinex{background-position:-145px -883px}.sf-ic-lrlinex{background-position:-161px -883px}.sf-ic-linexx{background-position:-177px -883px}.sf-ic-rlinexx{background-position:-193px -883px}.sf-ic-lrlinexx{background-position:-209px -883px}.sf-ic-shadow{background-position:-225px -883px}.sf-ic-liner0{background-position:-241px -883px}.sf-ic-liner1{background-position:-257px -883px}.sf-ic-liner2{background-position:-273px -883px}.sf-ic-liner3{background-position:-289px -883px}.sf-ic-liner4{background-position:-305px -883px}.sf-ic-liner5{background-position:-321px -883px}.sf-ic-liner10{background-position:-337px -883px}.sf-ic-liner20{background-position:-353px -883px}.sf-ic-liner30{background-position:-369px -883px}.sf-ic-liner40{background-position:-385px -883px}.sf-ic-liner50{background-position:-401px -883px}.sf-ic-plus{background-position:-417px -883px}.sf-ic-minus{background-position:-433px -883px}.sf-ic-multiply{background-position:-449px -883px}.sf-ic-division{background-position:-465px -883px}.sf-ic-equal{background-position:-481px -883px}.sf-ic-notequal{background-position:-497px -883px}.sf-ic-li-arrow0{background-position:-1px -898px}.sf-ic-li-arrow1{background-position:-67px -898px}.sf-ic-li-arrow10{background-position:-133px -898px}.sf-ic-li-arrow11{background-position:-199px -898px}.sf-ic-li-arrow2{background-position:-265px -898px}.sf-ic-li-arrow20{background-position:-331px -898px}.sf-ic-li-arrow22{background-position:-397px -898px}.sf-ic-li-arrow41{background-position:-463px -898px}.sf-ic-li-arrow51{background-position:-1px -914px}.sf-ic-li-arrow44{background-position:-67px -914px}.sf-ic-li-arrow55{background-position:-133px -914px}.sf-ic-li-dashed0{background-position:-199px -914px}.sf-ic-li-dashed1{background-position:-265px -914px}.sf-ic-li-dashed2{background-position:-331px -914px}.sf-ic-p-px1{background-position:-1px -930px}.sf-ic-p-px2{background-position:-43px -930px}.sf-ic-p-px3{background-position:-85px -930px}.sf-ic-p-px4{background-position:-127px -930px}.sf-ic-p-px5{background-position:-169px -930px}.sf-ic-p-px6{background-position:-211px -930px}.sf-ic-p-px7{background-position:-253px -930px}.sf-ic-p-px8{background-position:-295px -930px}.sf-ic-p-px9{background-position:-337px -930px}.sf-ic-p-pl1{background-position:-379px -930px}.sf-ic-p-pl2{background-position:-421px -930px}.sf-ic-p-pl3{background-position:-463px -930px}.sf-ic-p-pl4{background-position:-1px -972px}.sf-ic-p-pl5{background-position:-43px -972px}.sf-ic-p-pl6{background-position:-85px -972px}.sf-ic-p-pl7{background-position:-127px -972px}.sf-ic-p-pl8{background-position:-169px -972px}.sf-ic-p-pl9{background-position:-211px -972px}.sf-ic-p-p20{background-position:-253px -972px}.sf-ic-p-p21{background-position:-295px -972px}.sf-ic-p-p22{background-position:-337px -972px}.sf-ic-p-p29{background-position:-379px -972px}.sf-ic-p-p30{background-position:-421px -972px}.sf-ic-p-p31{background-position:-463px -972px}.sf-ic-t-tt0{background-position:-1px -1014px}.sf-ic-t-tt1{background-position:-55px -1014px}.sf-ic-t-tt2{background-position:-109px -1014px}.sf-ic-t-tt3{background-position:-163px -1014px}.sf-ic-t-tt4{background-position:-217px -1014px}.sf-ic-t-tt5{background-position:-271px -1014px}.sf-ic-t-tt6{background-position:-325px -1014px}.sf-ic-t-tt7{background-position:-379px -1014px}.sf-ic-t-tt8{background-position:-433px -1014px}.sf-ic-t-tt9{background-position:-1px -1068px}.sf-ic-t-tt10{background-position:-55px -1068px}.sf-ic-t-tt11{background-position:-109px -1068px}.sf-ic-t-tt12{background-position:-163px -1068px}.sf-ic-t-tt13{background-position:-217px -1068px}.sf-ic-t-tt14{background-position:-271px -1068px}.sf-ic-t-tt15{background-position:-325px -1068px}.sf-ic-t-tt16{background-position:-379px -1068px}.sf-ic-t-tt17{background-position:-433px -1068px}.sf-ic-t-tt18{background-position:-1px -1122px}.sf-ic-t-tt19{background-position:-55px -1122px}.sf-ic-t-tt20{background-position:-109px -1122px}.sf-ic-t-tt21{background-position:-163px -1122px}.sf-ic-t-tt22{background-position:-217px -1122px}.sf-ic-t-tt23{background-position:-271px -1122px}.sf-ic-t-tt24{background-position:-325px -1122px}.jh2d-editor{margin:0;padding:0;width:100%}.jh2d-editor-toolbar{margin:0;min-height:30px}.jh2d-editor .jh2d-canvas{overflow:auto;position:relative}.jh2d-editor canvas{position:relative}.jh2d-text-box{position:absolute;display:none;min-width:20px;min-height:12px;resize:both}.jh2d-editor .quick-style-menu{width:400px;min-width:250px;max-height:400px;overflow:auto}.jh2d-editor .ctx-menu{position:absolute;display:none;z-index:1000}.jh2d-editor .style-toolbar{position:absolute;display:none;z-index:1001}.jh2d-editor .shapes-dropdown{width:300px;overflow:auto}.jh2d-editor .shadow-dropdown{min-width:200px}.style-toolbar .gradient-style{min-width:270px}.style-toolbar .texture-style{min-width:350px}.style-toolbar .pattern-style{min-width:400px}.list-inline li:hover{background-color:#eee}.list-inline{padding-left:15px}.stroke-size-1px,.stroke-size-2px,.stroke-size-3px,.stroke-size-4px,.stroke-size-5px,.stroke-size-6px,.stroke-size-7px{display:inline-block;width:53px;border:0;margin:0;padding:0;background-color:#000}.stroke-size-1px{height:1px}.stroke-size-2px{height:2px}.stroke-size-3px{height:3px}.stroke-size-4px{height:4px}.stroke-size-5px{height:5px}.stroke-size-6px{height:6px}.stroke-size-7px{height:7px}@media print{.jh2d-editor canvas{width:100%}} -------------------------------------------------------------------------------- /dist/img/bootstrap-colorpicker/alpha-horizontal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zzzhan/shapefly-diagram/0679216087d978fcb43eddf71333343518a03918/dist/img/bootstrap-colorpicker/alpha-horizontal.png -------------------------------------------------------------------------------- /dist/img/bootstrap-colorpicker/alpha.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zzzhan/shapefly-diagram/0679216087d978fcb43eddf71333343518a03918/dist/img/bootstrap-colorpicker/alpha.png -------------------------------------------------------------------------------- /dist/img/bootstrap-colorpicker/hue-horizontal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zzzhan/shapefly-diagram/0679216087d978fcb43eddf71333343518a03918/dist/img/bootstrap-colorpicker/hue-horizontal.png -------------------------------------------------------------------------------- /dist/img/bootstrap-colorpicker/hue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zzzhan/shapefly-diagram/0679216087d978fcb43eddf71333343518a03918/dist/img/bootstrap-colorpicker/hue.png -------------------------------------------------------------------------------- /dist/img/bootstrap-colorpicker/saturation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zzzhan/shapefly-diagram/0679216087d978fcb43eddf71333343518a03918/dist/img/bootstrap-colorpicker/saturation.png -------------------------------------------------------------------------------- /dist/img/bootstrap-jh2d-editor/icons-ext.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zzzhan/shapefly-diagram/0679216087d978fcb43eddf71333343518a03918/dist/img/bootstrap-jh2d-editor/icons-ext.png -------------------------------------------------------------------------------- /dist/img/bootstrap-jh2d-editor/icons.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zzzhan/shapefly-diagram/0679216087d978fcb43eddf71333343518a03918/dist/img/bootstrap-jh2d-editor/icons.png -------------------------------------------------------------------------------- /dist/img/bootstrap-jh2d-editor/textures.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/zzzhan/shapefly-diagram/0679216087d978fcb43eddf71333343518a03918/dist/img/bootstrap-jh2d-editor/textures.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | Shapefly | Flowchart Maker & Online Diagram Software
12 | -------------------------------------------------------------------------------- /index_zh-CN.html: -------------------------------------------------------------------------------- 1 | Shapefly｜在线画图工具 & 流程图软件
11 | --------------------------------------------------------------------------------