diff --git a/.gitignore b/.gitignore index c48bc10..03f770e 100644 --- a/.gitignore +++ b/.gitignore @@ -3,5 +3,4 @@ bower_components/ *.log build/ -dist/ examples/ diff --git a/dist/photoviewer.css b/dist/photoviewer.css new file mode 100644 index 0000000..29f4247 --- /dev/null +++ b/dist/photoviewer.css @@ -0,0 +1,485 @@ + +/*! + * ____ _ _ ___ _____ ___ _ _ _____ ____ _ _ ____ ____ + * | _ \| | | |/ _ \|_ _|/ _ \| | | |_ _| __| | | | __| _ \ + * | |_| | |_| | | | | | | | | | | | | | | | | |__| | | | |__| |_| | + * | __/| _ | | | | | | | | | | |_| | | | | __| |/\| | __| / + * | | | | | | |_| | | | | |_| |\ / _| |_| |__| /\ | |__| |\ \ + * |_| |_| |_|\___/ |_| \___/ \_/ |_____|____|_/ \_|____|_| \_\ + * + * photoviewer - v2.0.0-beta.0 + * A JS plugin to view images just like in Windows + * https://github.com/nzbin/photoviewer#readme + * + * Copyright (c) 2018 nzbin + * Released under MIT License + */ + +.photoviewer-modal { + position: absolute; + z-index: 1090; + width: 320px; + height: 320px; + cursor: default; +} + +.photoviewer-inner { + position: relative; + width: 100%; + height: 100%; + background-color: #111; + background-color: rgba(0, 0, 0, 0.85); + -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3); + cursor: default; +} + +.photoviewer-maximize { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.photoviewer-toolbar { + font-size: 0; +} + +.photoviewer-header { + position: relative; + z-index: 2; + height: 40px; + color: #fff; +} + +.photoviewer-header .photoviewer-toolbar { + float: right; +} + +.photoviewer-title { + padding: 13px 10px; + font-size: 14px; + line-height: 1; + white-space: nowrap; + text-overflow: ellipsis; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + overflow: hidden; +} + +.photoviewer-stage { + position: absolute; + top: 40px; + right: 10px; + bottom: 40px; + left: 10px; + z-index: 1; + border: 1px solid #ccc; + overflow: hidden; +} + +.photoviewer-stage.stage-ready { + text-align: center; +} + +.photoviewer-image { + position: relative; + display: inline-block; +} + +.photoviewer-image.image-ready { + max-width: 100%; + max-height: 100%; +} + +.photoviewer-footer { + position: absolute; + bottom: 0; + z-index: 2; + width: 100%; + height: 40px; + color: #fff; + text-align: center; +} + +.photoviewer-footer .photoviewer-toolbar { + display: inline-block; +} + +.photoviewer-button { + display: inline-block; + width: 40px; + height: 40px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 10px; + font-size: 14px; + color: #ccc; + line-height: 1; + text-align: center; + background: none; + border-width: 0; + border-radius: 0; + cursor: pointer; + outline: none; +} + +.photoviewer-button:hover { + color: #fff; +} + +.photoviewer-button-close:hover { + background-color: #ff4545; +} + +.photoviewer-button-maximize:hover { + background-color: #525252; +} + +.photoviewer-button-minimize:hover { + background-color: #525252; +} + +.photoviewer-loader { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 2; + text-align: center; + background-color: rgba(0, 0, 0, 0.3); + color: #333; +} + +.photoviewer-loader::before { + content: ''; + display: inline-block; + position: relative; + width: 35px; + height: 35px; + border-width: 5px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5); + border-radius: 100%; + -webkit-animation: photoviewerLoading 1s infinite linear; + animation: photoviewerLoading 1s infinite linear; +} + +.photoviewer-loader::after { + content: ''; + display: inline-block; + width: 0; + height: 100%; + vertical-align: middle; + overflow: hidden; +} + +@-webkit-keyframes photoviewerLoading { + 0% { + -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0); + transform: rotateZ(0deg) translate3d(0, 0, 0); + } + 100% { + -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0); + transform: rotateZ(360deg) translate3d(0, 0, 0); + } +} + +@keyframes photoviewerLoading { + 0% { + -webkit-transform: rotateZ(0deg) translate3d(0, 0, 0); + transform: rotateZ(0deg) translate3d(0, 0, 0); + } + 100% { + -webkit-transform: rotateZ(360deg) translate3d(0, 0, 0); + transform: rotateZ(360deg) translate3d(0, 0, 0); + } +} + +.photoviewer-resizable-handle { + position: absolute; + z-index: 10; +} + +.photoviewer-resizable-handle-e { + top: 0; + right: -5px; + bottom: 0; + left: auto; + width: 10px; + cursor: e-resize; +} + +.photoviewer-resizable-handle-s { + top: auto; + right: 0; + bottom: -5px; + left: 0; + height: 10px; + cursor: s-resize; +} + +.photoviewer-resizable-handle-w { + top: 0; + right: auto; + bottom: 0; + left: -5px; + width: 10px; + cursor: w-resize; +} + +.photoviewer-resizable-handle-n { + top: -5px; + right: 0; + bottom: auto; + left: 0; + height: 10px; + cursor: n-resize; +} + +.photoviewer-resizable-handle-se { + top: auto; + right: -5px; + bottom: -5px; + left: auto; + width: 10px; + height: 10px; + cursor: se-resize; +} + +.photoviewer-resizable-handle-sw { + top: auto; + right: auto; + bottom: -5px; + left: -5px; + width: 10px; + height: 10px; + cursor: sw-resize; +} + +.photoviewer-resizable-handle-nw { + top: -5px; + right: auto; + bottom: auto; + left: -5px; + width: 10px; + height: 10px; + cursor: nw-resize; +} + +.photoviewer-resizable-handle-ne { + top: -5px; + right: -5px; + bottom: auto; + left: auto; + width: 10px; + height: 10px; + cursor: ne-resize; +} + +:-webkit-full-screen { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} + +:-webkit-full-screen .photoviewer-header, +:-webkit-full-screen .photoviewer-footer, +:-webkit-full-screen .photoviewer-resizable-handle { + display: none; +} + +:-webkit-full-screen .photoviewer-stage { + top: 0; + right: 0; + bottom: 0; + left: 0; + border-width: 0; + background-color: #000; +} + +:-moz-full-screen { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} + +:-moz-full-screen .photoviewer-header, +:-moz-full-screen .photoviewer-footer, +:-moz-full-screen .photoviewer-resizable-handle { + display: none; +} + +:-moz-full-screen .photoviewer-stage { + top: 0; + right: 0; + bottom: 0; + left: 0; + border-width: 0; + background-color: #000; +} + +:-ms-fullscreen { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} + +:-ms-fullscreen .photoviewer-header, +:-ms-fullscreen .photoviewer-footer, +:-ms-fullscreen .photoviewer-resizable-handle { + display: none; +} + +:-ms-fullscreen .photoviewer-stage { + top: 0; + right: 0; + bottom: 0; + left: 0; + border-width: 0; + background-color: #000; +} + +:full-screen { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} + +:full-screen .photoviewer-header, +:full-screen .photoviewer-footer, +:full-screen .photoviewer-resizable-handle { + display: none; +} + +:full-screen .photoviewer-stage { + top: 0; + right: 0; + bottom: 0; + left: 0; + border-width: 0; + background-color: #000; +} + +:-webkit-full-screen { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} + +:-moz-full-screen { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} + +:-ms-fullscreen { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} + +:fullscreen { + top: 0 !important; + left: 0 !important; + width: 100% !important; + height: 100% !important; +} + +:-webkit-full-screen .photoviewer-header, +:-webkit-full-screen .photoviewer-footer, +:-webkit-full-screen .photoviewer-resizable-handle { + display: none; +} + +:-moz-full-screen .photoviewer-header, +:-moz-full-screen .photoviewer-footer, +:-moz-full-screen .photoviewer-resizable-handle { + display: none; +} + +:-ms-fullscreen .photoviewer-header, +:-ms-fullscreen .photoviewer-footer, +:-ms-fullscreen .photoviewer-resizable-handle { + display: none; +} + +:fullscreen .photoviewer-header, +:fullscreen .photoviewer-footer, +:fullscreen .photoviewer-resizable-handle { + display: none; +} + +:-webkit-full-screen .photoviewer-stage { + top: 0; + right: 0; + bottom: 0; + left: 0; + border-width: 0; + background-color: #000; +} + +:-moz-full-screen .photoviewer-stage { + top: 0; + right: 0; + bottom: 0; + left: 0; + border-width: 0; + background-color: #000; +} + +:-ms-fullscreen .photoviewer-stage { + top: 0; + right: 0; + bottom: 0; + left: 0; + border-width: 0; + background-color: #000; +} + +:fullscreen .photoviewer-stage { + top: 0; + right: 0; + bottom: 0; + left: 0; + border-width: 0; + background-color: #000; +} + +::-webkit-backdrop { + background-color: #000; +} + +::backdrop { + background-color: #000; +} + +::-ms-backdrop { + background-color: #000; +} + +.is-grab { + cursor: move; + cursor: -webkit-grab; + cursor: grab; +} + +.is-grabbing { + cursor: move; + cursor: -webkit-grabbing; + cursor: grabbing; +} + +/*# sourceMappingURL=photoviewer.css.map */ \ No newline at end of file diff --git a/dist/photoviewer.css.map b/dist/photoviewer.css.map new file mode 100644 index 0000000..2326ddf --- /dev/null +++ b/dist/photoviewer.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["","photoviewer.css"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;GAAA;;ACAA;EACE,mBAAmB;EACnB,cAAc;EACd,aAAa;EACb,cAAc;EACd,gBAAgB;CACjB;;AAED;EACE,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,sCAAsC;EACtC,mDAA2C;EAA3C,2CAA2C;EAC3C,gBAAgB;CACjB;;AAED;EACE,gBAAgB;EAChB,OAAO;EACP,QAAQ;EACR,YAAY;EACZ,aAAa;CACd;;AAED;EACE,aAAa;CACd;;AAED;EACE,mBAAmB;EACnB,WAAW;EACX,aAAa;EACb,YAAY;CACb;;AAED;EACE,aAAa;CACd;;AAED;EACE,mBAAmB;EACnB,gBAAgB;EAChB,eAAe;EACf,oBAAoB;EACpB,wBAAwB;EACxB,0BAAkB;EAAlB,uBAAkB;EAAlB,sBAAkB;EAAlB,kBAAkB;EAClB,iBAAiB;CAClB;;AAED;EACE,mBAAmB;EACnB,UAAU;EACV,YAAY;EACZ,aAAa;EACb,WAAW;EACX,WAAW;EACX,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;EACE,mBAAmB;CACpB;;AAED;EACE,mBAAmB;EACnB,sBAAsB;CACvB;;AAED;EACE,gBAAgB;EAChB,iBAAiB;CAClB;;AAED;EACE,mBAAmB;EACnB,UAAU;EACV,WAAW;EACX,YAAY;EACZ,aAAa;EACb,YAAY;EACZ,mBAAmB;CACpB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,sBAAsB;EACtB,YAAY;EACZ,aAAa;EACb,+BAAuB;EAAvB,uBAAuB;EACvB,UAAU;EACV,cAAc;EACd,gBAAgB;EAChB,YAAY;EACZ,eAAe;EACf,mBAAmB;EACnB,iBAAiB;EACjB,gBAAgB;EAChB,iBAAiB;EACjB,gBAAgB;EAChB,cAAc;CACf;;AAED;EACE,YAAY;CACb;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,0BAA0B;CAC3B;;AAED;EACE,mBAAmB;EACnB,OAAO;EACP,QAAQ;EACR,SAAS;EACT,UAAU;EACV,WAAW;EACX,mBAAmB;EACnB,qCAAqC;EACrC,YAAY;CACb;;AAED;EACE,YAAY;EACZ,sBAAsB;EACtB,mBAAmB;EACnB,YAAY;EACZ,aAAa;EACb,kBAAkB;EAClB,oBAAoB;EACpB,gGAAgG;EAChG,oBAAoB;EACpB,yDAAiD;EAAjD,iDAAiD;CAClD;;AAED;EACE,YAAY;EACZ,sBAAsB;EACtB,SAAS;EACT,aAAa;EACb,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;EACE;IACE,sDAA8C;IAA9C,8CAA8C;GAC/C;EACD;IACE,wDAAgD;IAAhD,gDAAgD;GACjD;CACF;;AAPD;EACE;IACE,sDAA8C;IAA9C,8CAA8C;GAC/C;EACD;IACE,wDAAgD;IAAhD,gDAAgD;GACjD;CACF;;AAED;EACE,mBAAmB;EACnB,YAAY;CACb;;AAED;EACE,OAAO;EACP,YAAY;EACZ,UAAU;EACV,WAAW;EACX,YAAY;EACZ,iBAAiB;CAClB;;AAED;EACE,UAAU;EACV,SAAS;EACT,aAAa;EACb,QAAQ;EACR,aAAa;EACb,iBAAiB;CAClB;;AAED;EACE,OAAO;EACP,YAAY;EACZ,UAAU;EACV,WAAW;EACX,YAAY;EACZ,iBAAiB;CAClB;;AAED;EACE,UAAU;EACV,SAAS;EACT,aAAa;EACb,QAAQ;EACR,aAAa;EACb,iBAAiB;CAClB;;AAED;EACE,UAAU;EACV,YAAY;EACZ,aAAa;EACb,WAAW;EACX,YAAY;EACZ,aAAa;EACb,kBAAkB;CACnB;;AAED;EACE,UAAU;EACV,YAAY;EACZ,aAAa;EACb,WAAW;EACX,YAAY;EACZ,aAAa;EACb,kBAAkB;CACnB;;AAED;EACE,UAAU;EACV,YAAY;EACZ,aAAa;EACb,WAAW;EACX,YAAY;EACZ,aAAa;EACb,kBAAkB;CACnB;;AAED;EACE,UAAU;EACV,YAAY;EACZ,aAAa;EACb,WAAW;EACX,YAAY;EACZ,aAAa;EACb,kBAAkB;CACnB;;AAED;EACE,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACvB,wBAAwB;CACzB;;AAED;;;EAGE,cAAc;CACf;;AAED;EACE,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,uBAAuB;CACxB;;AAED;EACE,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACvB,wBAAwB;CACzB;;AAED;;;EAGE,cAAc;CACf;;AAED;EACE,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,uBAAuB;CACxB;;AAED;EACE,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACvB,wBAAwB;CACzB;;AAED;;;EAGE,cAAc;CACf;;AAED;EACE,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,uBAAuB;CACxB;;AAED;EACE,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACvB,wBAAwB;CACzB;;AAED;;;EAGE,cAAc;CACf;;AAED;EACE,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,uBAAuB;CACxB;;AAED;EACE,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACvB,wBAAwB;CACzB;;AALD;EACE,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACvB,wBAAwB;CACzB;;AALD;EACE,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACvB,wBAAwB;CACzB;;AALD;EACE,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;EACvB,wBAAwB;CACzB;;AAED;;;EAGE,cAAc;CACf;;AAJD;;;EAGE,cAAc;CACf;;AAJD;;;EAGE,cAAc;CACf;;AAJD;;;EAGE,cAAc;CACf;;AAED;EACE,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,uBAAuB;CACxB;;AAPD;EACE,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,uBAAuB;CACxB;;AAPD;EACE,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,uBAAuB;CACxB;;AAPD;EACE,OAAO;EACP,SAAS;EACT,UAAU;EACV,QAAQ;EACR,gBAAgB;EAChB,uBAAuB;CACxB;;AAED;EACE,uBAAuB;CACxB;;AAFD;EACE,uBAAuB;CACxB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,aAAa;EACb,qBAAqB;EACrB,aAAa;CACd;;AAED;EACE,aAAa;EACb,yBAAyB;EACzB,iBAAiB;CAClB","file":"photoviewer.css","sourcesContent":[null,".photoviewer-modal {\n position: absolute;\n z-index: 1090;\n width: 320px;\n height: 320px;\n cursor: default;\n}\n\n.photoviewer-inner {\n position: relative;\n width: 100%;\n height: 100%;\n background-color: #111;\n background-color: rgba(0, 0, 0, 0.85);\n box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);\n cursor: default;\n}\n\n.photoviewer-maximize {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.photoviewer-toolbar {\n font-size: 0;\n}\n\n.photoviewer-header {\n position: relative;\n z-index: 2;\n height: 40px;\n color: #fff;\n}\n\n.photoviewer-header .photoviewer-toolbar {\n float: right;\n}\n\n.photoviewer-title {\n padding: 13px 10px;\n font-size: 14px;\n line-height: 1;\n white-space: nowrap;\n text-overflow: ellipsis;\n user-select: none;\n overflow: hidden;\n}\n\n.photoviewer-stage {\n position: absolute;\n top: 40px;\n right: 10px;\n bottom: 40px;\n left: 10px;\n z-index: 1;\n border: 1px solid #ccc;\n overflow: hidden;\n}\n\n.photoviewer-stage.stage-ready {\n text-align: center;\n}\n\n.photoviewer-image {\n position: relative;\n display: inline-block;\n}\n\n.photoviewer-image.image-ready {\n max-width: 100%;\n max-height: 100%;\n}\n\n.photoviewer-footer {\n position: absolute;\n bottom: 0;\n z-index: 2;\n width: 100%;\n height: 40px;\n color: #fff;\n text-align: center;\n}\n\n.photoviewer-footer .photoviewer-toolbar {\n display: inline-block;\n}\n\n.photoviewer-button {\n display: inline-block;\n width: 40px;\n height: 40px;\n box-sizing: border-box;\n margin: 0;\n padding: 10px;\n font-size: 14px;\n color: #ccc;\n line-height: 1;\n text-align: center;\n background: none;\n border-width: 0;\n border-radius: 0;\n cursor: pointer;\n outline: none;\n}\n\n.photoviewer-button:hover {\n color: #fff;\n}\n\n.photoviewer-button-close:hover {\n background-color: #ff4545;\n}\n\n.photoviewer-button-maximize:hover {\n background-color: #525252;\n}\n\n.photoviewer-button-minimize:hover {\n background-color: #525252;\n}\n\n.photoviewer-loader {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 2;\n text-align: center;\n background-color: rgba(0, 0, 0, 0.3);\n color: #333;\n}\n\n.photoviewer-loader::before {\n content: '';\n display: inline-block;\n position: relative;\n width: 35px;\n height: 35px;\n border-width: 5px;\n border-style: solid;\n border-color: rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba(255, 255, 255, 0.5);\n border-radius: 100%;\n animation: photoviewerLoading 1s infinite linear;\n}\n\n.photoviewer-loader::after {\n content: '';\n display: inline-block;\n width: 0;\n height: 100%;\n vertical-align: middle;\n overflow: hidden;\n}\n\n@keyframes photoviewerLoading {\n 0% {\n transform: rotateZ(0deg) translate3d(0, 0, 0);\n }\n 100% {\n transform: rotateZ(360deg) translate3d(0, 0, 0);\n }\n}\n\n.photoviewer-resizable-handle {\n position: absolute;\n z-index: 10;\n}\n\n.photoviewer-resizable-handle-e {\n top: 0;\n right: -5px;\n bottom: 0;\n left: auto;\n width: 10px;\n cursor: e-resize;\n}\n\n.photoviewer-resizable-handle-s {\n top: auto;\n right: 0;\n bottom: -5px;\n left: 0;\n height: 10px;\n cursor: s-resize;\n}\n\n.photoviewer-resizable-handle-w {\n top: 0;\n right: auto;\n bottom: 0;\n left: -5px;\n width: 10px;\n cursor: w-resize;\n}\n\n.photoviewer-resizable-handle-n {\n top: -5px;\n right: 0;\n bottom: auto;\n left: 0;\n height: 10px;\n cursor: n-resize;\n}\n\n.photoviewer-resizable-handle-se {\n top: auto;\n right: -5px;\n bottom: -5px;\n left: auto;\n width: 10px;\n height: 10px;\n cursor: se-resize;\n}\n\n.photoviewer-resizable-handle-sw {\n top: auto;\n right: auto;\n bottom: -5px;\n left: -5px;\n width: 10px;\n height: 10px;\n cursor: sw-resize;\n}\n\n.photoviewer-resizable-handle-nw {\n top: -5px;\n right: auto;\n bottom: auto;\n left: -5px;\n width: 10px;\n height: 10px;\n cursor: nw-resize;\n}\n\n.photoviewer-resizable-handle-ne {\n top: -5px;\n right: -5px;\n bottom: auto;\n left: auto;\n width: 10px;\n height: 10px;\n cursor: ne-resize;\n}\n\n:-webkit-full-screen {\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n}\n\n:-webkit-full-screen .photoviewer-header,\n:-webkit-full-screen .photoviewer-footer,\n:-webkit-full-screen .photoviewer-resizable-handle {\n display: none;\n}\n\n:-webkit-full-screen .photoviewer-stage {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-width: 0;\n background-color: #000;\n}\n\n:-moz-full-screen {\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n}\n\n:-moz-full-screen .photoviewer-header,\n:-moz-full-screen .photoviewer-footer,\n:-moz-full-screen .photoviewer-resizable-handle {\n display: none;\n}\n\n:-moz-full-screen .photoviewer-stage {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-width: 0;\n background-color: #000;\n}\n\n:-ms-fullscreen {\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n}\n\n:-ms-fullscreen .photoviewer-header,\n:-ms-fullscreen .photoviewer-footer,\n:-ms-fullscreen .photoviewer-resizable-handle {\n display: none;\n}\n\n:-ms-fullscreen .photoviewer-stage {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-width: 0;\n background-color: #000;\n}\n\n:full-screen {\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n}\n\n:full-screen .photoviewer-header,\n:full-screen .photoviewer-footer,\n:full-screen .photoviewer-resizable-handle {\n display: none;\n}\n\n:full-screen .photoviewer-stage {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-width: 0;\n background-color: #000;\n}\n\n:fullscreen {\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n}\n\n:fullscreen .photoviewer-header,\n:fullscreen .photoviewer-footer,\n:fullscreen .photoviewer-resizable-handle {\n display: none;\n}\n\n:fullscreen .photoviewer-stage {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-width: 0;\n background-color: #000;\n}\n\n::backdrop {\n background-color: #000;\n}\n\n::-ms-backdrop {\n background-color: #000;\n}\n\n.is-grab {\n cursor: move;\n cursor: -webkit-grab;\n cursor: grab;\n}\n\n.is-grabbing {\n cursor: move;\n cursor: -webkit-grabbing;\n cursor: grabbing;\n}\n"]} \ No newline at end of file diff --git a/dist/photoviewer.js b/dist/photoviewer.js new file mode 100644 index 0000000..83cd3af --- /dev/null +++ b/dist/photoviewer.js @@ -0,0 +1,1492 @@ + +/*! + * ____ _ _ ___ _____ ___ _ _ _____ ____ _ _ ____ ____ + * | _ \| | | |/ _ \|_ _|/ _ \| | | |_ _| __| | | | __| _ \ + * | |_| | |_| | | | | | | | | | | | | | | | | |__| | | | |__| |_| | + * | __/| _ | | | | | | | | | | |_| | | | | __| |/\| | __| / + * | | | | | | |_| | | | | |_| |\ / _| |_| |__| /\ | |__| |\ \ + * |_| |_| |_|\___/ |_| \___/ \_/ |_____|____|_/ \_|____|_| \_\ + * + * photoviewer - v2.0.0-beta.0 + * A JS plugin to view images just like in Windows + * https://github.com/nzbin/photoviewer#readme + * + * Copyright (c) 2018 nzbin + * Released under MIT License + */ + +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('jquery')) : + typeof define === 'function' && define.amd ? define(['jquery'], factory) : + (global.photoviewer = factory(global.jQuery)); +}(this, (function ($$1) { 'use strict'; + + $$1 = $$1 && $$1.hasOwnProperty('default') ? $$1['default'] : $$1; + + var DEFAULTS = { + // Enable modal to drag + draggable: true, + // Enable modal to resize + resizable: true, + // Enable image to move + movable: true, + // Enable keyboard navigation + keyboard: true, + // Shows the title + title: true, + // Min width of modal + modalWidth: 320, + // Min height of modal + modalHeight: 320, + // Enable the page content fixed + fixedContent: true, + // Disable the modal size fixed + fixedModalSize: false, + // Disable the image viewer maximized on init + initMaximized: false, + // Threshold of modal to browser window + gapThreshold: 0.02, + // Threshold of image ratio + ratioThreshold: 0.1, + // Min ratio of image when zoom out + minRatio: 0.1, + // Max ratio of image when zoom in + maxRatio: 16, + // Toolbar options in header + headToolbar: ['maximize', 'close'], + // Toolbar options in footer + footToolbar: ['zoomIn', 'zoomOut', 'prev', 'fullscreen', 'next', 'actualSize', 'rotateRight'], + // Customize button icon + icons: { + minimize: 'fa fa-window-minimize', + maximize: 'fa fa-window-maximize', + close: 'fa fa-close', + zoomIn: 'fa fa-search-plus', + zoomOut: 'fa fa-search-minus', + prev: 'fa fa-arrow-left', + next: 'fa fa-arrow-right', + fullscreen: 'fa fa-photo', + actualSize: 'fa fa-arrows-alt', + rotateLeft: 'fa fa-rotate-left', + rotateRight: 'fa fa-rotate-right' + }, + // Customize language of button title + i18n: { + minimize: 'minimize', + maximize: 'maximize', + close: 'close', + zoomIn: 'zoom-in(+)', + zoomOut: 'zoom-out(-)', + prev: 'prev(←)', + next: 'next(→)', + fullscreen: 'fullscreen', + actualSize: 'actual-size(Ctrl+Alt+0)', + rotateLeft: 'rotate-left(Ctrl+,)', + rotateRight: 'rotate-right(Ctrl+.)' + }, + // Enable multiple instances + multiInstances: true, + // Init trigger event + initEvent: 'click', + // Enable animation + initAnimation: true, + // Disable modal position fixed when change images + fixedModalPos: false, + // Modal z-index + zIndex: 1090, + // Selector of drag handler + dragHandle: false, + // Callback events + callbacks: { + beforeOpen: $.noop, + opened: $.noop, + beforeClose: $.noop, + closed: $.noop, + beforeChange: $.noop, + changed: $.noop + }, + // Start images index + index: 0 + }; + + /** + * [getImgSrc] + * @param {[Object]} el [description] + */ + function getImgSrc(el) { + // Get data-src as image src at first + var src = $(el).attr('data-src') ? $(el).attr('data-src') : $(el).attr('href'); + return src; + } + /** + * [throttle] + * @param {Function} fn [description] + * @param {[Number]} delay [description] + * @return {Function} [description] + */ + + function throttle(fn, delay) { + var timer = null; + return function () { + var context = this, + args = arguments; + clearTimeout(timer); + timer = setTimeout(function () { + fn.apply(context, args); + }, delay); + }; + } + /** + * [preloadImg] + * @param {[String]} src [image src] + * @param {Function} success [callbacks] + * @param {Function} error [callbacks] + */ + + function preloadImg(src, success, error) { + var img = new Image(); + + img.onload = function () { + success(img); + }; + + img.onerror = function () { + error(img); + }; + + img.src = src; + } + /** + * [requestFullscreen] + * @param {[type]} element [description] + */ + + function requestFullscreen(element) { + if (element.requestFullscreen) { + element.requestFullscreen(); + } else if (element.mozRequestFullScreen) { + element.mozRequestFullScreen(); + } else if (element.webkitRequestFullscreen) { + element.webkitRequestFullscreen(); + } else if (element.msRequestFullscreen) { + element.msRequestFullscreen(); + } + } + /** + * [getImageNameFromUrl] + * @param {[String]} url [description] + * @return {[String]} [description] + */ + + function getImageNameFromUrl(url) { + var reg = /^.*?\/*([^/?]*)\.[a-z]+(\?.+|$)/ig, + txt = url.replace(reg, '$1'); + return txt; + } + /** + * [getNumFromCSSValue] + * @param {[String]} value [description] + * @return {[Number]} [description] + */ + + function getNumFromCSSValue(value) { + var reg = /\d+/g, + arr = value.match(reg), + num = parseFloat(arr[0]); + return num; + } + /** + * [hasScrollbar] + * @return {[Boolean]} [description] + */ + + function hasScrollbar() { + return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight); + } + /** + * [getScrollbarWidth] + * @return {[Number]} [description] + */ + + function getScrollbarWidth() { + var scrollDiv = document.createElement('div'); + scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;'; + document.body.appendChild(scrollDiv); + var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth; + document.body.removeChild(scrollDiv); + return scrollbarWidth; + } + /** + * [setGrabCursor] + * @param {[Object]} imageData [description] + * @param {[Object]} stageData [description] + * @param {[Object]} stage [description] + * @param {[Boolean]} isRotate [description] + */ + + function setGrabCursor(imageData, stageData, stage, isRotated) { + var imageWidth = !isRotated ? imageData.w : imageData.h, + imageHeight = !isRotated ? imageData.h : imageData.w; + + if (imageHeight > stageData.h || imageWidth > stageData.w) { + stage.addClass('is-grab'); + } + + if (imageHeight <= stageData.h && imageWidth <= stageData.w) { + stage.removeClass('is-grab'); + } + } + /** + * [supportTouch] + * @return {[Boolean]} [description] + */ + + function supportTouch() { + return !!('ontouchstart' in window || window.DocumentTouch && document instanceof DocumentTouch); + } + + var $W = $(window); + var $D = $(document); + var CLICK_EVENT = 'click'; + var RESIZE_EVENT = 'resize'; + var KEYDOWN_EVENT = 'keydown'; + var WHEEL_EVENT = 'wheel mousewheel DOMMouseScroll'; + var TOUCH_START_EVENT = supportTouch() ? 'touchstart' : 'mousedown'; + var TOUCH_MOVE_EVENT = supportTouch() ? 'touchmove' : 'mousemove'; + var TOUCH_END_EVENT = supportTouch() ? 'touchend' : 'mouseup'; + var NS = 'photoviewer'; + var CLASS_NS = '.' + NS; + var EVENT_NS = '.' + NS; + var PUBLIC_VARS = { + // image moving flag + isMoving: false, + // modal resizing flag + isResizing: false, + // modal z-index setting + zIndex: DEFAULTS.zIndex + }; + + var draggable = { + /** + * [draggable] + * @param {[Object]} modal [the modal element] + * @param {[Object]} dragHandle [the handle element when dragging] + * @param {[Object]} dragCancel [the cancel element when dragging] + */ + draggable: function draggable(modal, dragHandle, dragCancel) { + var self = this; + var isDragging = false; + var startX = 0, + startY = 0, + left = 0, + top = 0; + + var dragStart = function dragStart(e) { + e = e || window.event; // Must be removed + // e.preventDefault(); + + if (self.options.multiInstances) { + modal.css('z-index', ++PUBLIC_VARS['zIndex']); + } // Get clicked button + + + var elemCancel = $(e.target).closest(dragCancel); // Stop modal moving when click buttons + + if (elemCancel.length) { + return true; + } + + isDragging = true; + startX = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageX : e.clientX; + startY = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageY : e.clientY; + left = $(modal).offset().left; + top = $(modal).offset().top; + $D.on(TOUCH_MOVE_EVENT + EVENT_NS, dragMove).on(TOUCH_END_EVENT + EVENT_NS, dragEnd); + }; + + var dragMove = function dragMove(e) { + e = e || window.event; + e.preventDefault(); + + if (isDragging && !PUBLIC_VARS['isMoving'] && !PUBLIC_VARS['isResizing'] && !self.isMaximized) { + var endX = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageX : e.clientX, + endY = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageY : e.clientY, + relativeX = endX - startX, + relativeY = endY - startY; + $(modal).css({ + left: relativeX + left + 'px', + top: relativeY + top + 'px' + }); + } + }; + + var dragEnd = function dragEnd() { + $D.off(TOUCH_MOVE_EVENT + EVENT_NS, dragMove).off(TOUCH_END_EVENT + EVENT_NS, dragEnd); + isDragging = false; + }; + + $(dragHandle).on(TOUCH_START_EVENT + EVENT_NS, dragStart); + } + }; + + var ELEMS_WITH_GRABBING_CURSOR = "html,body,." + NS + "-modal,." + NS + "-stage,." + NS + "-button,." + NS + "-resizable-handle"; + var movable = { + /** + * -------------------------------------- + * 1.no movable + * 2.vertical movable + * 3.horizontal movable + * 4.vertical & horizontal movable + * -------------------------------------- + * + * [image movable] + * @param {[Object]} stage [the stage element] + * @param {[Object]} image [the image element] + */ + movable: function movable(stage, image) { + var self = this; + var isDragging = false; + var startX = 0, + startY = 0, + left = 0, + top = 0, + widthDiff = 0, + heightDiff = 0, + δ = 0; + + var dragStart = function dragStart(e) { + e = e || window.event; + e.preventDefault(); + var imageWidth = $(image).width(), + imageHeight = $(image).height(), + stageWidth = $(stage).width(), + stageHeight = $(stage).height(); + startX = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageX : e.clientX; + startY = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageY : e.clientY; // δ is the difference between image width and height + + δ = !self.isRotated ? 0 : (imageWidth - imageHeight) / 2; // Width or height difference can be use to limit image right or top position + + widthDiff = !self.isRotated ? imageWidth - stageWidth : imageHeight - stageWidth; + heightDiff = !self.isRotated ? imageHeight - stageHeight : imageWidth - stageHeight; // Modal can be dragging if image is smaller to stage + + isDragging = widthDiff > 0 || heightDiff > 0 ? true : false; + PUBLIC_VARS['isMoving'] = widthDiff > 0 || heightDiff > 0 ? true : false; // Reclac the element position when mousedown + // Fixed the issue of stage with a border + + left = $(image).position().left - δ; + top = $(image).position().top + δ; // Add grabbing cursor + + if (stage.hasClass('is-grab')) { + $(ELEMS_WITH_GRABBING_CURSOR).addClass('is-grabbing'); + } + + $D.on(TOUCH_MOVE_EVENT + EVENT_NS, dragMove).on(TOUCH_END_EVENT + EVENT_NS, dragEnd); + }; + + var dragMove = function dragMove(e) { + e = e || window.event; + e.preventDefault(); + + if (isDragging) { + var endX = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageX : e.clientX, + endY = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageY : e.clientY, + relativeX = endX - startX, + relativeY = endY - startY, + newLeft = relativeX + left, + newTop = relativeY + top; // vertical limit + + if (heightDiff > 0) { + if (relativeY + top > δ) { + newTop = δ; + } else if (relativeY + top < -heightDiff + δ) { + newTop = -heightDiff + δ; + } + } else { + newTop = top; + } // horizontal limit + + + if (widthDiff > 0) { + if (relativeX + left > -δ) { + newLeft = -δ; + } else if (relativeX + left < -widthDiff - δ) { + newLeft = -widthDiff - δ; + } + } else { + newLeft = left; + } + + $(image).css({ + left: newLeft + 'px', + top: newTop + 'px' + }); // Update image initial data + + $.extend(self.imageData, { + left: newLeft, + top: newTop + }); + } + }; + + var dragEnd = function dragEnd() { + $D.off(TOUCH_MOVE_EVENT + EVENT_NS, dragMove).off(TOUCH_END_EVENT + EVENT_NS, dragEnd); + isDragging = false; + PUBLIC_VARS['isMoving'] = false; // Remove grabbing cursor + + $(ELEMS_WITH_GRABBING_CURSOR).removeClass('is-grabbing'); + }; + + $(stage).on(TOUCH_START_EVENT + EVENT_NS, dragStart); + } + }; + + var ELEMS_WITH_RESIZE_CURSOR = "html,body,." + NS + "-modal,." + NS + "-stage,." + NS + "-button"; + var resizable = { + /** + * ------------------------------ + * 1.modal resizable + * 2.keep image in stage center + * 3.other image limitations + * ------------------------------ + * + * [resizable] + * @param {[Object]} modal [the modal element] + * @param {[Object]} stage [the stage element] + * @param {[Object]} image [the image element] + * @param {[Number]} minWidth [the option of modalWidth] + * @param {[Number]} minHeight [the option of modalHeight] + */ + resizable: function resizable(modal, stage, image, minWidth, minHeight) { + var self = this; + var resizableHandleE = $("
"), + resizableHandleW = $("
"), + resizableHandleS = $("
"), + resizableHandleN = $("
"), + resizableHandleSE = $("
"), + resizableHandleSW = $("
"), + resizableHandleNE = $("
"), + resizableHandleNW = $("
"); + var resizableHandles = { + 'e': resizableHandleE, + 's': resizableHandleS, + 'se': resizableHandleSE, + 'n': resizableHandleN, + 'w': resizableHandleW, + 'nw': resizableHandleNW, + 'ne': resizableHandleNE, + 'sw': resizableHandleSW + }; + $(modal).append(resizableHandleE, resizableHandleW, resizableHandleS, resizableHandleN, resizableHandleSE, resizableHandleSW, resizableHandleNE, resizableHandleNW); + var isDragging = false; + var startX = 0, + startY = 0, + modalData = { + w: 0, + h: 0, + l: 0, + t: 0 + }, + stageData = { + w: 0, + h: 0, + l: 0, + t: 0 + }, + imageData = { + w: 0, + h: 0, + l: 0, + t: 0 + }, + // δ is the difference between image width and height + δ = 0, + imgWidth = 0, + imgHeight = 0, + direction = ''; // modal CSS options + + var getModalOpts = function getModalOpts(dir, offsetX, offsetY) { + // Modal should not move when its width to the minwidth + var modalLeft = -offsetX + modalData.w > minWidth ? offsetX + modalData.l : modalData.l + modalData.w - minWidth, + modalTop = -offsetY + modalData.h > minHeight ? offsetY + modalData.t : modalData.t + modalData.h - minHeight; + var opts = { + 'e': { + width: Math.max(offsetX + modalData.w, minWidth) + 'px' + }, + 's': { + height: Math.max(offsetY + modalData.h, minHeight) + 'px' + }, + 'se': { + width: Math.max(offsetX + modalData.w, minWidth) + 'px', + height: Math.max(offsetY + modalData.h, minHeight) + 'px' + }, + 'w': { + width: Math.max(-offsetX + modalData.w, minWidth) + 'px', + left: modalLeft + 'px' + }, + 'n': { + height: Math.max(-offsetY + modalData.h, minHeight) + 'px', + top: modalTop + 'px' + }, + 'nw': { + width: Math.max(-offsetX + modalData.w, minWidth) + 'px', + height: Math.max(-offsetY + modalData.h, minHeight) + 'px', + top: modalTop + 'px', + left: modalLeft + 'px' + }, + 'ne': { + width: Math.max(offsetX + modalData.w, minWidth) + 'px', + height: Math.max(-offsetY + modalData.h, minHeight) + 'px', + top: modalTop + 'px' + }, + 'sw': { + width: Math.max(-offsetX + modalData.w, minWidth) + 'px', + height: Math.max(offsetY + modalData.h, minHeight) + 'px', + left: modalLeft + 'px' + } + }; + return opts[dir]; + }; // image CSS options + + + var getImageOpts = function getImageOpts(dir, offsetX, offsetY) { + // Image should not move when modal width to the min width + // The minwidth is modal width, so we should clac the stage minwidth + var widthDiff = offsetX + modalData.w > minWidth ? stageData.w - imgWidth + offsetX - δ : minWidth - (modalData.w - stageData.w) - imgWidth - δ, + heightDiff = offsetY + modalData.h > minHeight ? stageData.h - imgHeight + offsetY + δ : minHeight - (modalData.h - stageData.h) - imgHeight + δ, + widthDiff2 = -offsetX + modalData.w > minWidth ? stageData.w - imgWidth - offsetX - δ : minWidth - (modalData.w - stageData.w) - imgWidth - δ, + heightDiff2 = -offsetY + modalData.h > minHeight ? stageData.h - imgHeight - offsetY + δ : minHeight - (modalData.h - stageData.h) - imgHeight + δ; // Get image position in dragging + + var imgLeft = (widthDiff > 0 ? $(image).position().left : $(image).position().left < 0 ? $(image).position().left : 0) - δ, + imgTop = (heightDiff > 0 ? $(image).position().top : $(image).position().top < 0 ? $(image).position().top : 0) + δ, + imgLeft2 = (widthDiff2 > 0 ? $(image).position().left : $(image).position().left < 0 ? $(image).position().left : 0) - δ, + imgTop2 = (heightDiff2 > 0 ? $(image).position().top : $(image).position().top < 0 ? $(image).position().top : 0) + δ; + var opts = { + 'e': { + left: widthDiff >= -δ ? (widthDiff - δ) / 2 + 'px' : imgLeft > widthDiff ? imgLeft + 'px' : widthDiff + 'px' + }, + 's': { + top: heightDiff >= δ ? (heightDiff + δ) / 2 + 'px' : imgTop > heightDiff ? imgTop + 'px' : heightDiff + 'px' + }, + 'se': { + top: heightDiff >= δ ? (heightDiff + δ) / 2 + 'px' : imgTop > heightDiff ? imgTop + 'px' : heightDiff + 'px', + left: widthDiff >= -δ ? (widthDiff - δ) / 2 + 'px' : imgLeft > widthDiff ? imgLeft + 'px' : widthDiff + 'px' + }, + 'w': { + left: widthDiff2 >= -δ ? (widthDiff2 - δ) / 2 + 'px' : imgLeft2 > widthDiff2 ? imgLeft2 + 'px' : widthDiff2 + 'px' + }, + 'n': { + top: heightDiff2 >= δ ? (heightDiff2 + δ) / 2 + 'px' : imgTop2 > heightDiff2 ? imgTop2 + 'px' : heightDiff2 + 'px' + }, + 'nw': { + top: heightDiff2 >= δ ? (heightDiff2 + δ) / 2 + 'px' : imgTop2 > heightDiff2 ? imgTop2 + 'px' : heightDiff2 + 'px', + left: widthDiff2 >= -δ ? (widthDiff2 - δ) / 2 + 'px' : imgLeft2 > widthDiff2 ? imgLeft2 + 'px' : widthDiff2 + 'px' + }, + 'ne': { + top: heightDiff2 >= δ ? (heightDiff2 + δ) / 2 + 'px' : imgTop2 > heightDiff2 ? imgTop2 + 'px' : heightDiff2 + 'px', + left: widthDiff >= -δ ? (widthDiff - δ) / 2 + 'px' : imgLeft > widthDiff ? imgLeft + 'px' : widthDiff + 'px' + }, + 'sw': { + top: heightDiff >= δ ? (heightDiff + δ) / 2 + 'px' : imgTop > heightDiff ? imgTop + 'px' : heightDiff + 'px', + left: widthDiff2 >= -δ ? (widthDiff2 - δ) / 2 + 'px' : imgLeft2 > widthDiff2 ? imgLeft2 + 'px' : widthDiff2 + 'px' + } + }; + return opts[dir]; + }; + + var dragStart = function dragStart(dir, e) { + e = e || window.event; + e.preventDefault(); + isDragging = true; + PUBLIC_VARS['isResizing'] = true; + startX = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageX : e.clientX; + startY = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageY : e.clientY; // Reclac the modal data when mousedown + + modalData = { + w: $(modal).width(), + h: $(modal).height(), + l: $(modal).offset().left, + t: $(modal).offset().top + }; + stageData = { + w: $(stage).width(), + h: $(stage).height(), + l: $(stage).offset().left, + t: $(stage).offset().top + }; + imageData = { + w: $(image).width(), + h: $(image).height(), + l: $(image).position().left, + t: $(image).position().top + }; // δ is the difference between image width and height + + δ = !self.isRotated ? 0 : (imageData.w - imageData.h) / 2; + imgWidth = !self.isRotated ? imageData.w : imageData.h; + imgHeight = !self.isRotated ? imageData.h : imageData.w; + direction = dir; // Add resizable cursor + + $(ELEMS_WITH_RESIZE_CURSOR).css('cursor', dir + '-resize'); + $D.on(TOUCH_MOVE_EVENT + EVENT_NS, dragMove).on(TOUCH_END_EVENT + EVENT_NS, dragEnd); + }; + + var dragMove = function dragMove(e) { + e = e || window.event; + e.preventDefault(); + + if (isDragging && !self.isMaximized) { + var endX = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageX : e.clientX, + endY = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageY : e.clientY, + relativeX = endX - startX, + relativeY = endY - startY; + var modalOpts = getModalOpts(direction, relativeX, relativeY); + $(modal).css(modalOpts); + var imageOpts = getImageOpts(direction, relativeX, relativeY); + $(image).css(imageOpts); + } + }; + + var dragEnd = function dragEnd() { + $D.off(TOUCH_MOVE_EVENT + EVENT_NS, dragMove).off(TOUCH_END_EVENT + EVENT_NS, dragEnd); // Set grab cursor + + if (PUBLIC_VARS['isResizing']) { + setGrabCursor({ + w: imgWidth, + h: imgHeight + }, { + w: $(stage).width(), + h: $(stage).height() + }, stage); + } + + isDragging = false; + PUBLIC_VARS['isResizing'] = false; // Remove resizable cursor + + $(ELEMS_WITH_RESIZE_CURSOR).css('cursor', ''); + }; + + $.each(resizableHandles, function (dir, handle) { + handle.on(TOUCH_START_EVENT + EVENT_NS, function (e) { + dragStart(dir, e); + }); + }); + } + }; + + /** + * PhotoViewer Class + */ + + var PhotoViewer = + /*#__PURE__*/ + function () { + function PhotoViewer(items, options, el) { + var self = this; + this.options = $$1.extend(true, {}, DEFAULTS, options); + + if (options && $$1.isArray(options.footToolbar)) { + this.options.footToolbar = options.footToolbar; + } + + if (options && $$1.isArray(options.headToolbar)) { + this.options.headToolbar = options.headToolbar; + } // Store element of clicked + + + this.$el = $$1(el); // As we have multiple instances, + // so every instance has following variables. + // modal open flag + + this.isOpened = false; // modal maximize flag + + this.isMaximized = false; // image rotate 90*(2n+1) flag + + this.isRotated = false; // image rotate angle + + this.rotateAngle = 0; // Store image data in every instance + + this.imageData = {}; // Store modal data in every instance + + this.modalData = { + width: null, + height: null, + left: null, + top: null + }; + this.init(items, self.options, el); + } + + var _proto = PhotoViewer.prototype; + + _proto.init = function init(items, opts, el) { + this.groupData = items; + this.groupIndex = opts['index']; // Get image src + + var imgSrc = items[this.groupIndex]['src']; + this.open(); + this.loadImg(imgSrc); // draggable & movable & resizable + + if (opts.draggable) { + this.draggable(this.$photoviewer, this.dragHandle, CLASS_NS + '-button'); + } + + if (opts.movable) { + this.movable(this.$stage, this.$image); + } + + if (opts.resizable) { + this.resizable(this.$photoviewer, this.$stage, this.$image, opts.modalWidth, opts.modalHeight); + } + }; + + _proto._creatBtns = function _creatBtns(toolbar, btns) { + var btnsStr = ''; + $$1.each(toolbar, function (index, item) { + btnsStr += btns[item]; + }); + return btnsStr; + }; + + _proto._creatTitle = function _creatTitle() { + return this.options.title ? "
" : ''; + }; + + _proto._creatDOM = function _creatDOM() { + var btnsTpl = { + minimize: "", + maximize: "", + close: "", + zoomIn: "", + zoomOut: "", + prev: "", + next: "", + fullscreen: "", + actualSize: "", + rotateLeft: "", + rotateRight: "" + }; // photoviewer base HTML + + var photoviewerHTML = "
\n
\n
\n
\n " + this._creatBtns(this.options.headToolbar, btnsTpl) + "\n
\n " + this._creatTitle() + "\n
\n
\n \"\"\n
\n
\n
\n " + this._creatBtns(this.options.footToolbar, btnsTpl) + "\n
\n
\n
\n
"; + return photoviewerHTML; + }; + + _proto.build = function build() { + // Create photoviewer HTML string + var photoviewerHTML = this._creatDOM(); // Make photoviewer HTML string to jQuery element + + + var $photoviewer = $$1(photoviewerHTML); // Get all photoviewer element + + this.$photoviewer = $photoviewer; + this.$header = $photoviewer.find(CLASS_NS + '-header'); + this.$headToolbar = $photoviewer.find(CLASS_NS + '-toolbar-head'); + this.$footer = $photoviewer.find(CLASS_NS + '-footer'); + this.$footToolbar = $photoviewer.find(CLASS_NS + '-toolbar-foot'); + this.$stage = $photoviewer.find(CLASS_NS + '-stage'); + this.$title = $photoviewer.find(CLASS_NS + '-title'); + this.$image = $photoviewer.find(CLASS_NS + '-image'); + this.$close = $photoviewer.find(CLASS_NS + '-button-close'); + this.$maximize = $photoviewer.find(CLASS_NS + '-button-maximize'); + this.$minimize = $photoviewer.find(CLASS_NS + '-button-minimize'); + this.$zoomIn = $photoviewer.find(CLASS_NS + '-button-zoom-in'); + this.$zoomOut = $photoviewer.find(CLASS_NS + '-button-zoom-out'); + this.$actualSize = $photoviewer.find(CLASS_NS + '-button-actual-size'); + this.$fullscreen = $photoviewer.find(CLASS_NS + '-button-fullscreen'); + this.$rotateLeft = $photoviewer.find(CLASS_NS + '-button-rotate-left'); + this.$rotateRight = $photoviewer.find(CLASS_NS + '-button-rotate-right'); + this.$prev = $photoviewer.find(CLASS_NS + '-button-prev'); + this.$next = $photoviewer.find(CLASS_NS + '-button-next'); // Add class before image loaded + + this.$stage.addClass('stage-ready'); + this.$image.addClass('image-ready'); // Reset modal z-index with multiple instances + + this.$photoviewer.css('z-index', PUBLIC_VARS['zIndex']); // Set handle element of draggable + + if (!this.options.dragHandle || this.options.dragHandle === CLASS_NS + '-modal') { + this.dragHandle = this.$photoviewer; + } else { + this.dragHandle = this.$photoviewer.find(this.options.dragHandle); + } + }; + + _proto.open = function open() { + if (!this.options.multiInstances) { + $$1(CLASS_NS + '-modal').eq(0).remove(); + } // Fixed modal position bug + + + if (!$$1(CLASS_NS + '-modal').length && this.options.fixedContent) { + $$1('html').css({ + 'overflow': 'hidden' + }); + + if (hasScrollbar()) { + var scrollbarWidth = getScrollbarWidth(); + + if (scrollbarWidth) { + $$1('html').css({ + 'padding-right': scrollbarWidth + }); + } + } + } + + this.build(); + + this._triggerHook('beforeOpen', this.$el); // Add PhotoViewer to DOM + + + $$1('body').append(this.$photoviewer); + this.addEvents(); + this.setModalPos(this.$photoviewer); + + this._triggerHook('opened', this.$el); + }; + + _proto.close = function close() { + this._triggerHook('beforeClose', this.$el); // Remove instance + + + this.$photoviewer.remove(); + this.isOpened = false; + this.isMaximized = false; + this.isRotated = false; + this.rotateAngle = 0; + var zeroModal = !$$1(CLASS_NS + '-modal').length; // Fixed modal position bug + + if (zeroModal && this.options.fixedContent) { + $$1('html').css({ + 'overflow': '', + 'padding-right': '' + }); + } // Reset zIndex after close + + + if (zeroModal && this.options.multiInstances) { + PUBLIC_VARS['zIndex'] = this.options.zIndex; + } // off events + + + if (!$$1(CLASS_NS + '-modal').length) { + $D.off(KEYDOWN_EVENT + EVENT_NS); + $W.off(RESIZE_EVENT + EVENT_NS); + } + + this._triggerHook('closed', this.$el); + }; + + _proto.setModalPos = function setModalPos(modal) { + var winWidth = $W.width(), + winHeight = $W.height(), + scrollLeft = $D.scrollLeft(), + scrollTop = $D.scrollTop(); + var modalWidth = this.options.modalWidth, + modalHeight = this.options.modalHeight; // Set modal maximized when init + + if (this.options.initMaximized) { + modal.addClass(NS + '-maximize'); + modal.css({ + width: '100%', + height: '100%', + left: 0, + top: 0 + }); + this.isOpened = true; + this.isMaximized = true; + } else { + // Make the modal in windows center + modal.css({ + width: modalWidth, + height: modalHeight, + left: (winWidth - modalWidth) / 2 + scrollLeft + 'px', + top: (winHeight - modalHeight) / 2 + scrollTop + 'px' + }); + } + }; + + _proto.setModalSize = function setModalSize(img) { + var self = this, + winWidth = $W.width(), + winHeight = $W.height(), + scrollLeft = $D.scrollLeft(), + scrollTop = $D.scrollTop(); // stage css value + + var stageCSS = { + left: this.$stage.css('left'), + right: this.$stage.css('right'), + top: this.$stage.css('top'), + bottom: this.$stage.css('bottom'), + borderLeft: this.$stage.css('border-left-width'), + borderRight: this.$stage.css('border-right-width'), + borderTop: this.$stage.css('border-top-width'), + borderBottom: this.$stage.css('border-bottom-width') + }; // Modal size should calc with stage css value + + var modalWidth = img.width + getNumFromCSSValue(stageCSS.left) + getNumFromCSSValue(stageCSS.right) + getNumFromCSSValue(stageCSS.borderLeft) + getNumFromCSSValue(stageCSS.borderRight), + modalHeight = img.height + getNumFromCSSValue(stageCSS.top) + getNumFromCSSValue(stageCSS.bottom) + getNumFromCSSValue(stageCSS.borderTop) + getNumFromCSSValue(stageCSS.borderBottom); + var gapThreshold = (this.options.gapThreshold > 0 ? this.options.gapThreshold : 0) + 1, + // modal scale to window + scale = Math.min(winWidth / (modalWidth * gapThreshold), winHeight / (modalHeight * gapThreshold), 1); + var minWidth = Math.max(modalWidth * scale, this.options.modalWidth), + minHeight = Math.max(modalHeight * scale, this.options.modalHeight); + minWidth = this.options.fixedModalSize ? this.options.modalWidth : Math.round(minWidth); + minHeight = this.options.fixedModalSize ? this.options.modalHeight : Math.round(minHeight); + var modalCSSObj = { + width: minWidth + 'px', + height: minHeight + 'px', + left: (winWidth - minWidth) / 2 + scrollLeft + 'px', + top: (winHeight - minHeight) / 2 + scrollTop + 'px' + }; // Add modal init animation + + if (this.options.initAnimation) { + this.$photoviewer.animate(modalCSSObj, function () { + self.setImageSize(img); + }); + } else { + this.$photoviewer.css(modalCSSObj); + this.setImageSize(img); + } + + this.isOpened = true; + }; + + _proto.setImageSize = function setImageSize(img) { + var stageData = { + w: this.$stage.width(), + h: this.$stage.height() + }; // image scale to stage + + var scale = 1; + + if (!this.isRotated) { + scale = Math.min(stageData.w / img.width, stageData.h / img.height, 1); + } else { + scale = Math.min(stageData.w / img.height, stageData.h / img.width, 1); + } + + this.$image.css({ + width: Math.ceil(img.width * scale) + 'px', + height: Math.ceil(img.height * scale) + 'px', + left: (stageData.w - Math.ceil(img.width * scale)) / 2 + 'px', + top: (stageData.h - Math.ceil(img.height * scale)) / 2 + 'px' + }); // Store image initial data + + $$1.extend(this.imageData, { + width: img.width * scale, + height: img.height * scale, + left: (stageData.w - img.width * scale) / 2, + top: (stageData.h - img.height * scale) / 2 + }); // Set grab cursor + + setGrabCursor({ + w: this.$image.width(), + h: this.$image.height() + }, { + w: this.$stage.width(), + h: this.$stage.height() + }, this.$stage, this.isRotated); // loader end + + this.$photoviewer.find(CLASS_NS + '-loader').remove(); // Add image init animation + + if (this.options.initAnimation) { + this.$image.fadeIn(); + } + }; + + _proto.loadImg = function loadImg(imgSrc) { + var self = this; + var loaderHTML = "
"; // loader start + + this.$photoviewer.append(loaderHTML); + + if (this.options.initAnimation) { + this.$image.hide(); + } + + this.$image.attr('src', imgSrc); + preloadImg(imgSrc, function (img) { + // Store original data + self.imageData = { + originalWidth: img.width, + originalHeight: img.height + }; + + if (self.isMaximized || self.isOpened && self.options.fixedModalPos) { + self.setImageSize(img); + } else { + self.setModalSize(img); + } + + self.$stage.removeClass('stage-ready'); + self.$image.removeClass('image-ready'); + }, function () { + // loader end + self.$photoviewer.find(CLASS_NS + '-loader').remove(); + }); + + if (this.options.title) { + this.setImgTitle(imgSrc); + } + }; + + _proto.setImgTitle = function setImgTitle(url) { + var caption = this.groupData[this.groupIndex].caption, + captionTxt = caption ? caption : getImageNameFromUrl(url); + this.$title.text(captionTxt); + }; + + _proto.jump = function jump(index) { + this.groupIndex = this.groupIndex + index; + this.jumpTo(this.groupIndex); + }; + + _proto.jumpTo = function jumpTo(index) { + index = index % this.groupData.length; + + if (index >= 0) { + index = index % this.groupData.length; + } else if (index < 0) { + index = (this.groupData.length + index) % this.groupData.length; + } + + this.groupIndex = index; + + this._triggerHook('beforeChange', index); + + this.loadImg(this.groupData[index].src); + + this._triggerHook('changed', index); + }; + + _proto.wheel = function wheel(e) { + e.preventDefault(); + var delta = 1; + + if (e.originalEvent.deltaY) { + delta = e.originalEvent.deltaY > 0 ? 1 : -1; + } else if (e.originalEvent.wheelDelta) { + delta = -e.originalEvent.wheelDelta / 120; + } else if (e.originalEvent.detail) { + delta = e.originalEvent.detail > 0 ? 1 : -1; + } // ratio threshold + + + var ratio = -delta * this.options.ratioThreshold; // mouse point position relative to stage + + var pointer = { + x: e.originalEvent.clientX - this.$stage.offset().left + $D.scrollLeft(), + y: e.originalEvent.clientY - this.$stage.offset().top + $D.scrollTop() + }; + this.zoom(ratio, pointer, e); + }; + + _proto.zoom = function zoom(ratio, origin, e) { + // zoom out & zoom in + ratio = ratio < 0 ? 1 / (1 - ratio) : 1 + ratio; + + if (ratio > 0.95 && ratio < 1.05) { + ratio = 1; + } + + ratio = this.$image.width() / this.imageData.originalWidth * ratio; // min image size + + ratio = Math.max(ratio, this.options.minRatio); // max image size + + ratio = Math.min(ratio, this.options.maxRatio); + this.zoomTo(ratio, origin, e); + }; + + _proto.zoomTo = function zoomTo(ratio, origin, e) { + var $image = this.$image, + $stage = this.$stage, + imgData = { + w: this.imageData.width, + h: this.imageData.height, + x: this.imageData.left, + y: this.imageData.top + }; // image stage position + // We will use it to calc the relative position of image + + var stageData = { + w: $stage.width(), + h: $stage.height(), + x: $stage.offset().left, + y: $stage.offset().top + }; + var newWidth = this.imageData.originalWidth * ratio, + newHeight = this.imageData.originalHeight * ratio, + // Think about it for a while ~~~ + newLeft = origin.x - (origin.x - imgData.x) / imgData.w * newWidth, + newTop = origin.y - (origin.y - imgData.y) / imgData.h * newHeight; // δ is the difference between image new width and new height + + var δ = !this.isRotated ? 0 : (newWidth - newHeight) / 2, + imgNewWidth = !this.isRotated ? newWidth : newHeight, + imgNewHeight = !this.isRotated ? newHeight : newWidth; + var offsetX = stageData.w - newWidth, + offsetY = stageData.h - newHeight; // zoom out & zoom in condition + // It's important and it takes me a lot of time to get it + // The conditions with image rotate 90 degree drive me crazy alomst! + + if (imgNewHeight <= stageData.h) { + newTop = (stageData.h - newHeight) / 2; + } else { + newTop = newTop > δ ? δ : newTop > offsetY - δ ? newTop : offsetY - δ; + } + + if (imgNewWidth <= stageData.w) { + newLeft = (stageData.w - newWidth) / 2; + } else { + newLeft = newLeft > -δ ? -δ : newLeft > offsetX + δ ? newLeft : offsetX + δ; + } + + $image.css({ + width: Math.round(newWidth) + 'px', + height: Math.round(newHeight) + 'px', + left: Math.round(newLeft) + 'px', + top: Math.round(newTop) + 'px' + }); // Update image initial data + + $$1.extend(this.imageData, { + width: newWidth, + height: newHeight, + left: newLeft, + top: newTop + }); // Set grab cursor + + setGrabCursor({ + w: Math.round(imgNewWidth), + h: Math.round(imgNewHeight) + }, { + w: stageData.w, + h: stageData.h + }, this.$stage); + }; + + _proto.rotate = function rotate(angle) { + this.rotateAngle = this.rotateAngle + angle; + + if (this.rotateAngle / 90 % 2 === 0) { + this.isRotated = false; + } else { + this.isRotated = true; + } + + this.rotateTo(this.rotateAngle); + }; + + _proto.rotateTo = function rotateTo(angle) { + this.$image.css({ + transform: 'rotate(' + angle + 'deg)' + }); + this.setImageSize({ + width: this.imageData.originalWidth, + height: this.imageData.originalHeight + }); // Remove grab cursor when rotate + + this.$stage.removeClass('is-grab'); + }; + + _proto.resize = function resize() { + var self = this; + var resizeHandler = throttle(function () { + if (self.isOpened) { + if (self.isMaximized) { + self.setImageSize({ + width: self.imageData.originalWidth, + height: self.imageData.originalHeight + }); + } else { + self.setModalSize({ + width: self.imageData.originalWidth, + height: self.imageData.originalHeight + }); + } + } + }, 500); + return resizeHandler; + }; + + _proto.maximize = function maximize() { + + if (!this.isMaximized) { + // Store modal data before maximize + this.modalData = { + width: this.$photoviewer.width(), + height: this.$photoviewer.height(), + left: this.$photoviewer.offset().left, + top: this.$photoviewer.offset().top + }; + this.$photoviewer.addClass(NS + '-maximize'); + this.$photoviewer.css({ + width: '100%', + height: '100%', + left: 0, + top: 0 + }); + this.isMaximized = true; + } else { + this.$photoviewer.removeClass(NS + '-maximize'); + this.$photoviewer.css({ + width: this.modalData.width ? this.modalData.width : this.options.modalWidth, + height: this.modalData.height ? this.modalData.height : this.options.modalHeight, + left: this.modalData.left ? this.modalData.left : ($W.width() - this.options.modalWidth) / 2 + $D.scrollLeft(), + top: this.modalData.top ? this.modalData.top : ($W.height() - this.options.modalHeight) / 2 + $D.scrollTop() + }); + this.isMaximized = false; + } + + this.setImageSize({ + width: this.imageData.originalWidth, + height: this.imageData.originalHeight + }); + }; + + _proto.fullscreen = function fullscreen() { + requestFullscreen(this.$photoviewer[0]); + }; + + _proto.keydown = function keydown(e) { + var self = this; + + if (!this.options.keyboard) { + return false; + } + + var keyCode = e.keyCode || e.which || e.charCode, + ctrlKey = e.ctrlKey || e.metaKey, + altKey = e.altKey || e.metaKey; + + switch (keyCode) { + // ← + case 37: + self.jump(-1); + break; + // → + + case 39: + self.jump(1); + break; + // + + + case 187: + self.zoom(self.options.ratioThreshold * 3, { + x: self.$stage.width() / 2, + y: self.$stage.height() / 2 + }, e); + break; + // - + + case 189: + self.zoom(-self.options.ratioThreshold * 3, { + x: self.$stage.width() / 2, + y: self.$stage.height() / 2 + }, e); + break; + // + Firefox + + case 61: + self.zoom(self.options.ratioThreshold * 3, { + x: self.$stage.width() / 2, + y: self.$stage.height() / 2 + }, e); + break; + // - Firefox + + case 173: + self.zoom(-self.options.ratioThreshold * 3, { + x: self.$stage.width() / 2, + y: self.$stage.height() / 2 + }, e); + break; + // ctrl + alt + 0 + + case 48: + if (ctrlKey && altKey) { + self.zoomTo(1, { + x: self.$stage.width() / 2, + y: self.$stage.height() / 2 + }, e); + } + + break; + // ctrl + , + + case 188: + if (ctrlKey) { + self.rotate(-90); + } + + break; + // ctrl + . + + case 190: + if (ctrlKey) { + self.rotate(90); + } + + break; + + default: + } + }; + + _proto.addEvents = function addEvents() { + var self = this; + this.$close.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function (e) { + self.close(); + }); + this.$stage.off(WHEEL_EVENT + EVENT_NS).on(WHEEL_EVENT + EVENT_NS, function (e) { + self.wheel(e); + }); + this.$zoomIn.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function (e) { + self.zoom(self.options.ratioThreshold * 3, { + x: self.$stage.width() / 2, + y: self.$stage.height() / 2 + }, e); + }); + this.$zoomOut.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function (e) { + self.zoom(-self.options.ratioThreshold * 3, { + x: self.$stage.width() / 2, + y: self.$stage.height() / 2 + }, e); + }); + this.$actualSize.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function (e) { + self.zoomTo(1, { + x: self.$stage.width() / 2, + y: self.$stage.height() / 2 + }, e); + }); + this.$prev.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () { + self.jump(-1); + }); + this.$fullscreen.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () { + self.fullscreen(); + }); + this.$next.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () { + self.jump(1); + }); + this.$rotateLeft.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () { + self.rotate(-90); + }); + this.$rotateRight.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () { + self.rotate(90); + }); + this.$maximize.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () { + self.maximize(); + }); + $D.off(KEYDOWN_EVENT + EVENT_NS).on(KEYDOWN_EVENT + EVENT_NS, function (e) { + self.keydown(e); + }); + $W.on(RESIZE_EVENT + EVENT_NS, self.resize()); + }; + + _proto._triggerHook = function _triggerHook(e, data) { + if (this.options.callbacks[e]) { + this.options.callbacks[e].apply(this, $$1.isArray(data) ? data : [data]); + } + }; + + return PhotoViewer; + }(); + /** + * Add methods to PhotoViewer + */ + + + $$1.extend(PhotoViewer.prototype, draggable, movable, resizable); + /** + * Add PhotoViewer to globle + */ + + window.PhotoViewer = PhotoViewer; + /** + * jQuery plugin + */ + + var jqEl = null, + getImgGroup = function getImgGroup(list, groupName) { + var items = []; + $$1(list).each(function () { + var src = getImgSrc(this); + items.push({ + src: src, + caption: $$1(this).attr('data-caption'), + groupName: groupName + }); + }); + return items; + }; + + $$1.fn.photoviewer = function (options) { + jqEl = $$1(this); // Convert a numeric string into a number + + for (var key in options) { + if (typeof options[key] === 'string' && !isNaN(options[key])) { + options[key] = parseFloat(options[key]); + } + } // Get init event, 'click' or 'dblclick' + + + var opts = $$1.extend(true, {}, DEFAULTS, options); // We should get zIndex of options before plugin's init. + + PUBLIC_VARS['zIndex'] = opts.zIndex; + + if (typeof options === 'string') ; else { + if (opts.initEvent === 'dblclick') { + jqEl.off('click' + EVENT_NS).on('click' + EVENT_NS, function (e) { + e.preventDefault(); // This will stop triggering data-api event + + e.stopPropagation(); + }); + } + + jqEl.off(opts.initEvent + EVENT_NS).on(opts.initEvent + EVENT_NS, function (e) { + e.preventDefault(); // This will stop triggering data-api event + + e.stopPropagation(); // Get image group + + var items = [], + currentGroupName = $$1(this).attr('data-group'), + groupList = $D.find('[data-group="' + currentGroupName + '"]'); + + if (currentGroupName !== undefined) { + items = getImgGroup(groupList, currentGroupName); + options['index'] = $$1(this).index('[data-group="' + currentGroupName + '"]'); + } else { + items = getImgGroup(jqEl.not('[data-group]')); + options['index'] = $$1(this).index(); + } + + $$1(this).data(NS, new PhotoViewer(items, options, this)); + }); + } + + return jqEl; + }; + /** + * PhotoViewer DATA-API + */ + + + $D.on(CLICK_EVENT + EVENT_NS, '[data-' + NS + ']', function (e) { + jqEl = $$1('[data-' + NS + ']'); + e.preventDefault(); // Get image group + + var items = [], + currentGroupName = $$1(this).attr('data-group'), + groupList = $D.find('[data-group="' + currentGroupName + '"]'); + + if (currentGroupName !== undefined) { + items = getImgGroup(groupList, currentGroupName); + DEFAULTS['index'] = $$1(this).index('[data-group="' + currentGroupName + '"]'); + } else { + items = getImgGroup(jqEl.not('[data-group]')); + DEFAULTS['index'] = $$1(this).index(); + } + + $$1(this).data(NS, new PhotoViewer(items, DEFAULTS, this)); + }); + + return PhotoViewer; + +}))); +//# sourceMappingURL=photoviewer.js.map diff --git a/dist/photoviewer.js.map b/dist/photoviewer.js.map new file mode 100644 index 0000000..3b6bca7 --- /dev/null +++ b/dist/photoviewer.js.map @@ -0,0 +1 @@ +{"version":3,"file":"photoviewer.js","sources":["../src/js/defaults.js","../src/js/utilities.js","../src/js/constants.js","../src/js/draggable.js","../src/js/movable.js","../src/js/resizable.js","../src/js/core.js"],"sourcesContent":["export default {\n\n // Enable modal to drag\n draggable: true,\n\n // Enable modal to resize\n resizable: true,\n\n // Enable image to move\n movable: true,\n\n // Enable keyboard navigation\n keyboard: true,\n\n // Shows the title\n title: true,\n\n // Min width of modal\n modalWidth: 320,\n\n // Min height of modal\n modalHeight: 320,\n\n // Enable the page content fixed\n fixedContent: true,\n\n // Disable the modal size fixed\n fixedModalSize: false,\n\n // Disable the image viewer maximized on init\n initMaximized: false,\n\n // Threshold of modal to browser window\n gapThreshold: 0.02,\n\n // Threshold of image ratio\n ratioThreshold: 0.1,\n\n // Min ratio of image when zoom out\n minRatio: 0.1,\n\n // Max ratio of image when zoom in\n maxRatio: 16,\n\n // Toolbar options in header\n headToolbar: [\n 'maximize',\n 'close'\n ],\n\n // Toolbar options in footer\n footToolbar: [\n 'zoomIn',\n 'zoomOut',\n 'prev',\n 'fullscreen',\n 'next',\n 'actualSize',\n 'rotateRight'\n ],\n\n // Customize button icon\n icons: {\n minimize: 'fa fa-window-minimize',\n maximize: 'fa fa-window-maximize',\n close: 'fa fa-close',\n zoomIn: 'fa fa-search-plus',\n zoomOut: 'fa fa-search-minus',\n prev: 'fa fa-arrow-left',\n next: 'fa fa-arrow-right',\n fullscreen: 'fa fa-photo',\n actualSize: 'fa fa-arrows-alt',\n rotateLeft: 'fa fa-rotate-left',\n rotateRight: 'fa fa-rotate-right'\n },\n\n // Customize language of button title\n i18n: {\n minimize: 'minimize',\n maximize: 'maximize',\n close: 'close',\n zoomIn: 'zoom-in(+)',\n zoomOut: 'zoom-out(-)',\n prev: 'prev(←)',\n next: 'next(→)',\n fullscreen: 'fullscreen',\n actualSize: 'actual-size(Ctrl+Alt+0)',\n rotateLeft: 'rotate-left(Ctrl+,)',\n rotateRight: 'rotate-right(Ctrl+.)'\n },\n\n // Enable multiple instances\n multiInstances: true,\n\n // Init trigger event\n initEvent: 'click',\n\n // Enable animation\n initAnimation: true,\n\n // Disable modal position fixed when change images\n fixedModalPos: false,\n\n // Modal z-index\n zIndex: 1090,\n\n // Selector of drag handler\n dragHandle: false,\n\n // Callback events\n callbacks: {\n beforeOpen: $.noop,\n opened: $.noop,\n beforeClose: $.noop,\n closed: $.noop,\n beforeChange: $.noop,\n changed: $.noop\n },\n\n // Start images index\n index: 0\n\n}\n","/**\n * [getImgSrc]\n * @param {[Object]} el [description]\n */\nexport function getImgSrc(el) {\n // Get data-src as image src at first\n let src = $(el).attr('data-src') ? $(el).attr('data-src') : $(el).attr('href');\n return src;\n}\n\n/**\n * [throttle]\n * @param {Function} fn [description]\n * @param {[Number]} delay [description]\n * @return {Function} [description]\n */\nexport function throttle(fn, delay) {\n\n let timer = null;\n\n return function () {\n let context = this,\n args = arguments;\n\n clearTimeout(timer);\n\n timer = setTimeout(function () {\n fn.apply(context, args);\n }, delay);\n };\n\n}\n\n/**\n * [preloadImg]\n * @param {[String]} src [image src]\n * @param {Function} success [callbacks]\n * @param {Function} error [callbacks]\n */\nexport function preloadImg(src, success, error) {\n\n let img = new Image();\n\n img.onload = function () {\n success(img);\n };\n\n img.onerror = function () {\n error(img);\n };\n\n img.src = src;\n\n}\n\n/**\n * [requestFullscreen]\n * @param {[type]} element [description]\n */\nexport function requestFullscreen(element) {\n if (element.requestFullscreen) {\n element.requestFullscreen();\n } else if (element.mozRequestFullScreen) {\n element.mozRequestFullScreen();\n } else if (element.webkitRequestFullscreen) {\n element.webkitRequestFullscreen();\n } else if (element.msRequestFullscreen) {\n element.msRequestFullscreen();\n }\n}\n\n/**\n * [exitFullscreen]\n */\nexport function exitFullscreen() {\n if (document.exitFullscreen) {\n document.exitFullscreen();\n } else if (document.mozCancelFullScreen) {\n document.mozCancelFullScreen();\n } else if (document.webkitExitFullscreen) {\n document.webkitExitFullscreen();\n }\n}\n\n/**\n * [getImageNameFromUrl]\n * @param {[String]} url [description]\n * @return {[String]} [description]\n */\nexport function getImageNameFromUrl(url) {\n let reg = /^.*?\\/*([^/?]*)\\.[a-z]+(\\?.+|$)/ig,\n txt = url.replace(reg, '$1');\n return txt;\n}\n\n/**\n * [getNumFromCSSValue]\n * @param {[String]} value [description]\n * @return {[Number]} [description]\n */\nexport function getNumFromCSSValue(value) {\n let reg = /\\d+/g,\n arr = value.match(reg),\n num = parseFloat(arr[0]);\n return num;\n}\n\n/**\n * [hasScrollbar]\n * @return {[Boolean]} [description]\n */\nexport function hasScrollbar() {\n return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);\n}\n\n/**\n * [getScrollbarWidth]\n * @return {[Number]} [description]\n */\nexport function getScrollbarWidth() {\n\n let scrollDiv = document.createElement('div');\n scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;';\n document.body.appendChild(scrollDiv);\n let scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;\n document.body.removeChild(scrollDiv);\n\n return scrollbarWidth;\n\n}\n\n/**\n * [setGrabCursor]\n * @param {[Object]} imageData [description]\n * @param {[Object]} stageData [description]\n * @param {[Object]} stage [description]\n * @param {[Boolean]} isRotate [description]\n */\nexport function setGrabCursor(imageData, stageData, stage, isRotated) {\n\n let imageWidth = !isRotated ? imageData.w : imageData.h,\n imageHeight = !isRotated ? imageData.h : imageData.w;\n\n if (imageHeight > stageData.h || imageWidth > stageData.w) {\n stage.addClass('is-grab');\n }\n if (imageHeight <= stageData.h && imageWidth <= stageData.w) {\n stage.removeClass('is-grab');\n }\n}\n\n/**\n * [supportTouch]\n * @return {[Boolean]} [description]\n */\nexport function supportTouch() {\n return !!(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);\n}\n","import defaults from './defaults';\nimport { supportTouch } from './utilities';\n\nexport const $W = $(window);\nexport const $D = $(document);\n\nexport const CLICK_EVENT = 'click';\nexport const RESIZE_EVENT = 'resize';\nexport const KEYDOWN_EVENT = 'keydown';\nexport const WHEEL_EVENT = 'wheel mousewheel DOMMouseScroll';\n\nexport const TOUCH_START_EVENT = supportTouch() ? 'touchstart' : 'mousedown';\nexport const TOUCH_MOVE_EVENT = supportTouch() ? 'touchmove' : 'mousemove';\nexport const TOUCH_END_EVENT = supportTouch() ? 'touchend' : 'mouseup';\n\nexport const NS = 'photoviewer';\nexport const CLASS_NS = '.' + NS;\nexport const EVENT_NS = '.' + NS;\n\nexport const PUBLIC_VARS = {\n // image moving flag\n isMoving: false,\n // modal resizing flag\n isResizing: false,\n // modal z-index setting\n zIndex: defaults.zIndex,\n};\n","import {\n $D,\n TOUCH_START_EVENT,\n TOUCH_MOVE_EVENT,\n TOUCH_END_EVENT,\n EVENT_NS,\n PUBLIC_VARS\n} from './constants';\n\nexport default {\n\n /**\n * [draggable]\n * @param {[Object]} modal [the modal element]\n * @param {[Object]} dragHandle [the handle element when dragging]\n * @param {[Object]} dragCancel [the cancel element when dragging]\n */\n draggable(modal, dragHandle, dragCancel) {\n\n let self = this;\n\n let isDragging = false;\n\n let startX = 0,\n startY = 0,\n\n left = 0,\n top = 0;\n\n let dragStart = function (e) {\n\n e = e || window.event;\n\n // Must be removed\n // e.preventDefault();\n\n if (self.options.multiInstances) {\n modal.css('z-index', ++PUBLIC_VARS['zIndex']);\n }\n\n // Get clicked button\n let elemCancel = $(e.target).closest(dragCancel);\n // Stop modal moving when click buttons\n if (elemCancel.length) {\n return true;\n }\n\n isDragging = true;\n\n startX = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageX : e.clientX;\n startY = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageY : e.clientY;\n\n left = $(modal).offset().left;\n top = $(modal).offset().top;\n\n $D.on(TOUCH_MOVE_EVENT + EVENT_NS, dragMove)\n .on(TOUCH_END_EVENT + EVENT_NS, dragEnd);\n\n };\n\n let dragMove = function (e) {\n\n e = e || window.event;\n\n e.preventDefault();\n\n if (isDragging && !PUBLIC_VARS['isMoving'] && !PUBLIC_VARS['isResizing'] && !self.isMaximized) {\n\n let endX = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageX : e.clientX,\n endY = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageY : e.clientY,\n\n relativeX = endX - startX,\n relativeY = endY - startY;\n\n $(modal).css({\n left: relativeX + left + 'px',\n top: relativeY + top + 'px'\n });\n\n }\n\n };\n\n let dragEnd = function () {\n\n $D.off(TOUCH_MOVE_EVENT + EVENT_NS, dragMove)\n .off(TOUCH_END_EVENT + EVENT_NS, dragEnd);\n\n isDragging = false;\n\n };\n\n $(dragHandle).on(TOUCH_START_EVENT + EVENT_NS, dragStart);\n\n }\n\n}\n","import {\n $D,\n TOUCH_START_EVENT,\n TOUCH_MOVE_EVENT,\n TOUCH_END_EVENT,\n NS,\n EVENT_NS,\n PUBLIC_VARS\n} from './constants';\n\nconst ELEMS_WITH_GRABBING_CURSOR = `html,body,.${NS}-modal,.${NS}-stage,.${NS}-button,.${NS}-resizable-handle`;\n\nexport default {\n\n /**\n * --------------------------------------\n * 1.no movable\n * 2.vertical movable\n * 3.horizontal movable\n * 4.vertical & horizontal movable\n * --------------------------------------\n *\n * [image movable]\n * @param {[Object]} stage [the stage element]\n * @param {[Object]} image [the image element]\n */\n movable(stage, image) {\n\n let self = this;\n\n let isDragging = false;\n\n let startX = 0,\n startY = 0,\n\n left = 0,\n top = 0,\n\n widthDiff = 0,\n heightDiff = 0,\n\n δ = 0;\n\n let dragStart = function (e) {\n\n e = e || window.event;\n\n e.preventDefault();\n\n let imageWidth = $(image).width(),\n imageHeight = $(image).height(),\n stageWidth = $(stage).width(),\n stageHeight = $(stage).height();\n\n startX = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageX : e.clientX;\n startY = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageY : e.clientY;\n\n // δ is the difference between image width and height\n δ = !self.isRotated ? 0 : (imageWidth - imageHeight) / 2;\n\n // Width or height difference can be use to limit image right or top position\n widthDiff = !self.isRotated ? (imageWidth - stageWidth) : (imageHeight - stageWidth);\n heightDiff = !self.isRotated ? (imageHeight - stageHeight) : (imageWidth - stageHeight);\n\n // Modal can be dragging if image is smaller to stage\n isDragging = (widthDiff > 0 || heightDiff > 0) ? true : false;\n PUBLIC_VARS['isMoving'] = (widthDiff > 0 || heightDiff > 0) ? true : false;\n\n // Reclac the element position when mousedown\n // Fixed the issue of stage with a border\n left = $(image).position().left - δ;\n top = $(image).position().top + δ;\n\n // Add grabbing cursor\n if (stage.hasClass('is-grab')) {\n $(ELEMS_WITH_GRABBING_CURSOR).addClass('is-grabbing');\n }\n\n $D.on(TOUCH_MOVE_EVENT + EVENT_NS, dragMove)\n .on(TOUCH_END_EVENT + EVENT_NS, dragEnd);\n\n };\n\n let dragMove = function (e) {\n\n e = e || window.event;\n\n e.preventDefault();\n\n if (isDragging) {\n\n let endX = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageX : e.clientX,\n endY = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageY : e.clientY,\n\n relativeX = endX - startX,\n relativeY = endY - startY,\n\n newLeft = relativeX + left,\n newTop = relativeY + top;\n\n // vertical limit\n if (heightDiff > 0) {\n\n if ((relativeY + top) > δ) {\n newTop = δ;\n } else if ((relativeY + top) < -heightDiff + δ) {\n newTop = -heightDiff + δ;\n }\n\n } else {\n newTop = top;\n }\n // horizontal limit\n if (widthDiff > 0) {\n\n if ((relativeX + left) > -δ) {\n newLeft = -δ;\n } else if ((relativeX + left) < -widthDiff - δ) {\n newLeft = -widthDiff - δ;\n }\n\n } else {\n newLeft = left;\n }\n\n $(image).css({\n left: newLeft + 'px',\n top: newTop + 'px'\n });\n\n // Update image initial data\n $.extend(self.imageData, {\n left: newLeft,\n top: newTop\n });\n\n }\n\n };\n\n let dragEnd = function () {\n\n $D.off(TOUCH_MOVE_EVENT + EVENT_NS, dragMove)\n .off(TOUCH_END_EVENT + EVENT_NS, dragEnd);\n\n isDragging = false;\n PUBLIC_VARS['isMoving'] = false;\n\n // Remove grabbing cursor\n $(ELEMS_WITH_GRABBING_CURSOR).removeClass('is-grabbing');\n\n };\n\n $(stage).on(TOUCH_START_EVENT + EVENT_NS, dragStart);\n\n }\n\n}\n","import {\n $D,\n TOUCH_START_EVENT,\n TOUCH_MOVE_EVENT,\n TOUCH_END_EVENT,\n NS,\n EVENT_NS,\n PUBLIC_VARS\n} from './constants';\n\nimport {\n setGrabCursor\n} from './utilities';\n\nconst ELEMS_WITH_RESIZE_CURSOR = `html,body,.${NS}-modal,.${NS}-stage,.${NS}-button`;\n\nexport default {\n\n /**\n * ------------------------------\n * 1.modal resizable\n * 2.keep image in stage center\n * 3.other image limitations\n * ------------------------------\n *\n * [resizable]\n * @param {[Object]} modal [the modal element]\n * @param {[Object]} stage [the stage element]\n * @param {[Object]} image [the image element]\n * @param {[Number]} minWidth [the option of modalWidth]\n * @param {[Number]} minHeight [the option of modalHeight]\n */\n resizable(modal, stage, image, minWidth, minHeight) {\n\n let self = this;\n\n let resizableHandleE = $(`
`),\n resizableHandleW = $(`
`),\n resizableHandleS = $(`
`),\n resizableHandleN = $(`
`),\n resizableHandleSE = $(`
`),\n resizableHandleSW = $(`
`),\n resizableHandleNE = $(`
`),\n resizableHandleNW = $(`
`);\n\n let resizableHandles = {\n 'e': resizableHandleE,\n 's': resizableHandleS,\n 'se': resizableHandleSE,\n 'n': resizableHandleN,\n 'w': resizableHandleW,\n 'nw': resizableHandleNW,\n 'ne': resizableHandleNE,\n 'sw': resizableHandleSW\n };\n\n $(modal).append(\n resizableHandleE, resizableHandleW, resizableHandleS, resizableHandleN,\n resizableHandleSE, resizableHandleSW, resizableHandleNE, resizableHandleNW\n );\n\n let isDragging = false;\n\n let startX = 0,\n startY = 0,\n\n modalData = {\n w: 0,\n h: 0,\n l: 0,\n t: 0\n },\n stageData = {\n w: 0,\n h: 0,\n l: 0,\n t: 0\n },\n imageData = {\n w: 0,\n h: 0,\n l: 0,\n t: 0\n },\n\n // δ is the difference between image width and height\n δ = 0,\n imgWidth = 0,\n imgHeight = 0,\n\n direction = '';\n\n // modal CSS options\n let getModalOpts = function (dir, offsetX, offsetY) {\n\n // Modal should not move when its width to the minwidth\n let modalLeft = (-offsetX + modalData.w) > minWidth ? (offsetX + modalData.l) : (modalData.l + modalData.w - minWidth),\n modalTop = (-offsetY + modalData.h) > minHeight ? (offsetY + modalData.t) : (modalData.t + modalData.h - minHeight);\n\n let opts = {\n 'e': {\n width: Math.max((offsetX + modalData.w), minWidth) + 'px'\n },\n 's': {\n height: Math.max((offsetY + modalData.h), minHeight) + 'px'\n },\n 'se': {\n width: Math.max((offsetX + modalData.w), minWidth) + 'px',\n height: Math.max((offsetY + modalData.h), minHeight) + 'px'\n },\n 'w': {\n width: Math.max((-offsetX + modalData.w), minWidth) + 'px',\n left: modalLeft + 'px'\n },\n 'n': {\n height: Math.max((-offsetY + modalData.h), minHeight) + 'px',\n top: modalTop + 'px'\n },\n 'nw': {\n width: Math.max((-offsetX + modalData.w), minWidth) + 'px',\n height: Math.max((-offsetY + modalData.h), minHeight) + 'px',\n top: modalTop + 'px',\n left: modalLeft + 'px'\n },\n 'ne': {\n width: Math.max((offsetX + modalData.w), minWidth) + 'px',\n height: Math.max((-offsetY + modalData.h), minHeight) + 'px',\n top: modalTop + 'px'\n },\n 'sw': {\n width: Math.max((-offsetX + modalData.w), minWidth) + 'px',\n height: Math.max((offsetY + modalData.h), minHeight) + 'px',\n left: modalLeft + 'px'\n }\n };\n\n return opts[dir];\n };\n\n // image CSS options\n let getImageOpts = function (dir, offsetX, offsetY) {\n\n // Image should not move when modal width to the min width\n // The minwidth is modal width, so we should clac the stage minwidth\n let widthDiff = (offsetX + modalData.w) > minWidth ? (stageData.w - imgWidth + offsetX - δ) : (minWidth - (modalData.w - stageData.w) - imgWidth - δ),\n heightDiff = (offsetY + modalData.h) > minHeight ? (stageData.h - imgHeight + offsetY + δ) : (minHeight - (modalData.h - stageData.h) - imgHeight + δ),\n\n widthDiff2 = (-offsetX + modalData.w) > minWidth ? (stageData.w - imgWidth - offsetX - δ) : (minWidth - (modalData.w - stageData.w) - imgWidth - δ),\n heightDiff2 = (-offsetY + modalData.h) > minHeight ? (stageData.h - imgHeight - offsetY + δ) : (minHeight - (modalData.h - stageData.h) - imgHeight + δ);\n\n // Get image position in dragging\n let imgLeft = (widthDiff > 0 ? $(image).position().left : ($(image).position().left < 0 ? $(image).position().left : 0)) - δ,\n imgTop = (heightDiff > 0 ? $(image).position().top : ($(image).position().top < 0 ? $(image).position().top : 0)) + δ,\n\n imgLeft2 = (widthDiff2 > 0 ? $(image).position().left : ($(image).position().left < 0 ? $(image).position().left : 0)) - δ,\n imgTop2 = (heightDiff2 > 0 ? $(image).position().top : ($(image).position().top < 0 ? $(image).position().top : 0)) + δ;\n\n let opts = {\n 'e': {\n left: widthDiff >= -δ ? ((widthDiff - δ) / 2 + 'px') : (imgLeft > widthDiff ? (imgLeft + 'px') : (widthDiff + 'px'))\n },\n 's': {\n top: heightDiff >= δ ? ((heightDiff + δ) / 2 + 'px') : (imgTop > heightDiff ? (imgTop + 'px') : (heightDiff + 'px'))\n },\n 'se': {\n top: heightDiff >= δ ? ((heightDiff + δ) / 2 + 'px') : (imgTop > heightDiff ? (imgTop + 'px') : (heightDiff + 'px')),\n left: widthDiff >= -δ ? ((widthDiff - δ) / 2 + 'px') : (imgLeft > widthDiff ? (imgLeft + 'px') : (widthDiff + 'px'))\n },\n 'w': {\n left: widthDiff2 >= -δ ? ((widthDiff2 - δ) / 2 + 'px') : (imgLeft2 > widthDiff2 ? (imgLeft2 + 'px') : (widthDiff2 + 'px'))\n },\n 'n': {\n top: heightDiff2 >= δ ? ((heightDiff2 + δ) / 2 + 'px') : (imgTop2 > heightDiff2 ? (imgTop2 + 'px') : (heightDiff2 + 'px'))\n },\n 'nw': {\n top: heightDiff2 >= δ ? ((heightDiff2 + δ) / 2 + 'px') : (imgTop2 > heightDiff2 ? (imgTop2 + 'px') : (heightDiff2 + 'px')),\n left: widthDiff2 >= -δ ? ((widthDiff2 - δ) / 2 + 'px') : (imgLeft2 > widthDiff2 ? (imgLeft2 + 'px') : (widthDiff2 + 'px'))\n },\n 'ne': {\n top: heightDiff2 >= δ ? ((heightDiff2 + δ) / 2 + 'px') : (imgTop2 > heightDiff2 ? (imgTop2 + 'px') : (heightDiff2 + 'px')),\n left: widthDiff >= -δ ? ((widthDiff - δ) / 2 + 'px') : (imgLeft > widthDiff ? (imgLeft + 'px') : (widthDiff + 'px'))\n },\n 'sw': {\n top: heightDiff >= δ ? ((heightDiff + δ) / 2 + 'px') : (imgTop > heightDiff ? (imgTop + 'px') : (heightDiff + 'px')),\n left: widthDiff2 >= -δ ? ((widthDiff2 - δ) / 2 + 'px') : (imgLeft2 > widthDiff2 ? (imgLeft2 + 'px') : (widthDiff2 + 'px'))\n }\n };\n\n return opts[dir];\n };\n\n let dragStart = function (dir, e) {\n\n e = e || window.event;\n\n e.preventDefault();\n\n isDragging = true;\n PUBLIC_VARS['isResizing'] = true;\n\n startX = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageX : e.clientX;\n startY = e.type === 'touchstart' ? e.originalEvent.targetTouches[0].pageY : e.clientY;\n\n // Reclac the modal data when mousedown\n modalData = {\n w: $(modal).width(),\n h: $(modal).height(),\n l: $(modal).offset().left,\n t: $(modal).offset().top\n };\n\n stageData = {\n w: $(stage).width(),\n h: $(stage).height(),\n l: $(stage).offset().left,\n t: $(stage).offset().top\n };\n\n imageData = {\n w: $(image).width(),\n h: $(image).height(),\n l: $(image).position().left,\n t: $(image).position().top\n };\n\n // δ is the difference between image width and height\n δ = !self.isRotated ? 0 : (imageData.w - imageData.h) / 2;\n imgWidth = !self.isRotated ? imageData.w : imageData.h;\n imgHeight = !self.isRotated ? imageData.h : imageData.w;\n\n direction = dir;\n\n // Add resizable cursor\n $(ELEMS_WITH_RESIZE_CURSOR).css('cursor', dir + '-resize');\n\n $D.on(TOUCH_MOVE_EVENT + EVENT_NS, dragMove)\n .on(TOUCH_END_EVENT + EVENT_NS, dragEnd);\n\n };\n\n let dragMove = function (e) {\n\n e = e || window.event;\n\n e.preventDefault();\n\n if (isDragging && !self.isMaximized) {\n\n let endX = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageX : e.clientX,\n endY = e.type === 'touchmove' ? e.originalEvent.targetTouches[0].pageY : e.clientY,\n\n relativeX = endX - startX,\n relativeY = endY - startY;\n\n let modalOpts = getModalOpts(direction, relativeX, relativeY);\n\n $(modal).css(modalOpts);\n\n let imageOpts = getImageOpts(direction, relativeX, relativeY);\n\n $(image).css(imageOpts);\n\n }\n\n };\n\n let dragEnd = function () {\n\n $D.off(TOUCH_MOVE_EVENT + EVENT_NS, dragMove)\n .off(TOUCH_END_EVENT + EVENT_NS, dragEnd);\n\n // Set grab cursor\n if (PUBLIC_VARS['isResizing']) {\n setGrabCursor({ w: imgWidth, h: imgHeight }, { w: $(stage).width(), h: $(stage).height() },\n stage\n );\n }\n\n isDragging = false;\n PUBLIC_VARS['isResizing'] = false;\n\n // Remove resizable cursor\n $(ELEMS_WITH_RESIZE_CURSOR).css('cursor', '');\n\n };\n\n $.each(resizableHandles, function (dir, handle) {\n handle.on(TOUCH_START_EVENT + EVENT_NS, function (e) {\n dragStart(dir, e);\n });\n });\n\n }\n\n}\n","import $ from 'jquery';\n\nimport DEFAULTS from './defaults';\n\nimport {\n $W,\n $D,\n CLICK_EVENT,\n RESIZE_EVENT,\n KEYDOWN_EVENT,\n WHEEL_EVENT,\n NS,\n CLASS_NS,\n EVENT_NS,\n PUBLIC_VARS\n} from './constants';\n\nimport {\n getImgSrc,\n throttle,\n preloadImg,\n requestFullscreen,\n getImageNameFromUrl,\n getNumFromCSSValue,\n hasScrollbar,\n getScrollbarWidth,\n setGrabCursor\n} from './utilities';\n\nimport draggable from './draggable';\nimport movable from './movable';\nimport resizable from './resizable';\n\n/**\n * PhotoViewer Class\n */\nclass PhotoViewer {\n\n constructor(items, options, el) {\n\n let self = this;\n\n this.options = $.extend(true, {}, DEFAULTS, options);\n\n if (options && $.isArray(options.footToolbar)) {\n this.options.footToolbar = options.footToolbar;\n }\n\n if (options && $.isArray(options.headToolbar)) {\n this.options.headToolbar = options.headToolbar;\n }\n\n // Store element of clicked\n this.$el = $(el);\n\n // As we have multiple instances,\n // so every instance has following variables.\n\n // modal open flag\n this.isOpened = false;\n // modal maximize flag\n this.isMaximized = false;\n // image rotate 90*(2n+1) flag\n this.isRotated = false;\n // image rotate angle\n this.rotateAngle = 0;\n\n // Store image data in every instance\n this.imageData = {};\n // Store modal data in every instance\n this.modalData = {\n width: null,\n height: null,\n left: null,\n top: null\n };\n\n this.init(items, self.options, el);\n\n }\n\n init(items, opts, el) {\n\n this.groupData = items;\n this.groupIndex = opts['index'];\n\n // Get image src\n let imgSrc = items[this.groupIndex]['src'];\n\n this.open();\n\n this.loadImg(imgSrc);\n\n // draggable & movable & resizable\n if (opts.draggable) {\n this.draggable(this.$photoviewer, this.dragHandle, CLASS_NS + '-button');\n }\n if (opts.movable) {\n this.movable(this.$stage, this.$image);\n }\n if (opts.resizable) {\n this.resizable(this.$photoviewer, this.$stage, this.$image, opts.modalWidth, opts.modalHeight);\n }\n\n }\n\n _creatBtns(toolbar, btns) {\n\n let btnsStr = '';\n\n $.each(toolbar, function (index, item) {\n btnsStr += btns[item];\n });\n\n return btnsStr;\n\n }\n\n _creatTitle() {\n return (this.options.title ? `
` : '');\n }\n\n _creatDOM() {\n\n let btnsTpl = {\n minimize: ``,\n maximize: ``,\n close: ``,\n zoomIn: ``,\n zoomOut: ``,\n prev: ``,\n next: ``,\n fullscreen: ``,\n actualSize: ``,\n rotateLeft: ``,\n rotateRight: ``\n };\n\n // photoviewer base HTML\n let photoviewerHTML = `
\n
\n
\n
\n ${this._creatBtns(this.options.headToolbar, btnsTpl)}\n
\n ${this._creatTitle()}\n
\n
\n \"\"\n
\n
\n
\n ${this._creatBtns(this.options.footToolbar, btnsTpl)}\n
\n
\n
\n
`;\n\n return photoviewerHTML;\n\n }\n\n build() {\n\n // Create photoviewer HTML string\n let photoviewerHTML = this._creatDOM();\n\n // Make photoviewer HTML string to jQuery element\n let $photoviewer = $(photoviewerHTML);\n\n // Get all photoviewer element\n this.$photoviewer = $photoviewer;\n this.$header = $photoviewer.find(CLASS_NS + '-header');\n this.$headToolbar = $photoviewer.find(CLASS_NS + '-toolbar-head');\n this.$footer = $photoviewer.find(CLASS_NS + '-footer');\n this.$footToolbar = $photoviewer.find(CLASS_NS + '-toolbar-foot');\n this.$stage = $photoviewer.find(CLASS_NS + '-stage');\n this.$title = $photoviewer.find(CLASS_NS + '-title');\n this.$image = $photoviewer.find(CLASS_NS + '-image');\n this.$close = $photoviewer.find(CLASS_NS + '-button-close');\n this.$maximize = $photoviewer.find(CLASS_NS + '-button-maximize');\n this.$minimize = $photoviewer.find(CLASS_NS + '-button-minimize');\n this.$zoomIn = $photoviewer.find(CLASS_NS + '-button-zoom-in');\n this.$zoomOut = $photoviewer.find(CLASS_NS + '-button-zoom-out');\n this.$actualSize = $photoviewer.find(CLASS_NS + '-button-actual-size');\n this.$fullscreen = $photoviewer.find(CLASS_NS + '-button-fullscreen');\n this.$rotateLeft = $photoviewer.find(CLASS_NS + '-button-rotate-left');\n this.$rotateRight = $photoviewer.find(CLASS_NS + '-button-rotate-right');\n this.$prev = $photoviewer.find(CLASS_NS + '-button-prev');\n this.$next = $photoviewer.find(CLASS_NS + '-button-next');\n\n // Add class before image loaded\n this.$stage.addClass('stage-ready');\n this.$image.addClass('image-ready');\n\n // Reset modal z-index with multiple instances\n this.$photoviewer.css('z-index', PUBLIC_VARS['zIndex']);\n\n // Set handle element of draggable\n if (!this.options.dragHandle || this.options.dragHandle === CLASS_NS + '-modal') {\n this.dragHandle = this.$photoviewer;\n } else {\n this.dragHandle = this.$photoviewer.find(this.options.dragHandle);\n }\n\n }\n\n open() {\n\n if (!this.options.multiInstances) {\n $(CLASS_NS + '-modal').eq(0).remove();\n }\n\n // Fixed modal position bug\n if (!$(CLASS_NS + '-modal').length && this.options.fixedContent) {\n\n $('html').css({ 'overflow': 'hidden' });\n\n if (hasScrollbar()) {\n let scrollbarWidth = getScrollbarWidth();\n if (scrollbarWidth) {\n $('html').css({ 'padding-right': scrollbarWidth });\n }\n }\n\n }\n\n this.build();\n\n this._triggerHook('beforeOpen', this.$el);\n\n // Add PhotoViewer to DOM\n $('body').append(this.$photoviewer);\n\n this.addEvents();\n\n this.setModalPos(this.$photoviewer);\n\n this._triggerHook('opened', this.$el);\n\n }\n\n close() {\n\n this._triggerHook('beforeClose', this.$el);\n\n // Remove instance\n this.$photoviewer.remove();\n\n this.isOpened = false;\n this.isMaximized = false;\n this.isRotated = false;\n this.rotateAngle = 0;\n\n let zeroModal = !$(CLASS_NS + '-modal').length;\n\n // Fixed modal position bug\n if (zeroModal && this.options.fixedContent) {\n $('html').css({ 'overflow': '', 'padding-right': '' });\n }\n\n // Reset zIndex after close\n if (zeroModal && this.options.multiInstances) {\n PUBLIC_VARS['zIndex'] = this.options.zIndex;\n }\n\n // off events\n if (!$(CLASS_NS + '-modal').length) {\n $D.off(KEYDOWN_EVENT + EVENT_NS);\n $W.off(RESIZE_EVENT + EVENT_NS);\n }\n\n this._triggerHook('closed', this.$el);\n\n }\n\n setModalPos(modal) {\n\n let winWidth = $W.width(),\n winHeight = $W.height(),\n scrollLeft = $D.scrollLeft(),\n scrollTop = $D.scrollTop();\n\n let modalWidth = this.options.modalWidth,\n modalHeight = this.options.modalHeight;\n\n // Set modal maximized when init\n if (this.options.initMaximized) {\n\n modal.addClass(NS + '-maximize');\n\n modal.css({\n width: '100%',\n height: '100%',\n left: 0,\n top: 0\n });\n\n this.isOpened = true;\n this.isMaximized = true;\n\n } else {\n\n // Make the modal in windows center\n modal.css({\n width: modalWidth,\n height: modalHeight,\n left: (winWidth - modalWidth) / 2 + scrollLeft + 'px',\n top: (winHeight - modalHeight) / 2 + scrollTop + 'px'\n });\n\n }\n\n }\n\n setModalSize(img) {\n\n let self = this,\n winWidth = $W.width(),\n winHeight = $W.height(),\n scrollLeft = $D.scrollLeft(),\n scrollTop = $D.scrollTop();\n\n // stage css value\n let stageCSS = {\n left: this.$stage.css('left'),\n right: this.$stage.css('right'),\n top: this.$stage.css('top'),\n bottom: this.$stage.css('bottom'),\n borderLeft: this.$stage.css('border-left-width'),\n borderRight: this.$stage.css('border-right-width'),\n borderTop: this.$stage.css('border-top-width'),\n borderBottom: this.$stage.css('border-bottom-width')\n };\n\n // Modal size should calc with stage css value\n let modalWidth = img.width + getNumFromCSSValue(stageCSS.left) + getNumFromCSSValue(stageCSS.right) +\n getNumFromCSSValue(stageCSS.borderLeft) + getNumFromCSSValue(stageCSS.borderRight),\n modalHeight = img.height + getNumFromCSSValue(stageCSS.top) + getNumFromCSSValue(stageCSS.bottom) +\n getNumFromCSSValue(stageCSS.borderTop) + getNumFromCSSValue(stageCSS.borderBottom);\n\n let gapThreshold = (this.options.gapThreshold > 0 ? this.options.gapThreshold : 0) + 1,\n // modal scale to window\n scale = Math.min(winWidth / (modalWidth * gapThreshold), winHeight / (modalHeight * gapThreshold), 1);\n\n let minWidth = Math.max(modalWidth * scale, this.options.modalWidth),\n minHeight = Math.max(modalHeight * scale, this.options.modalHeight);\n\n minWidth = this.options.fixedModalSize ? this.options.modalWidth : Math.round(minWidth);\n minHeight = this.options.fixedModalSize ? this.options.modalHeight : Math.round(minHeight);\n\n let modalCSSObj = {\n width: minWidth + 'px',\n height: minHeight + 'px',\n left: (winWidth - minWidth) / 2 + scrollLeft + 'px',\n top: (winHeight - minHeight) / 2 + scrollTop + 'px'\n };\n\n // Add modal init animation\n if (this.options.initAnimation) {\n\n this.$photoviewer.animate(modalCSSObj, function () {\n self.setImageSize(img);\n });\n\n } else {\n\n this.$photoviewer.css(modalCSSObj);\n this.setImageSize(img);\n\n }\n\n this.isOpened = true;\n\n }\n\n setImageSize(img) {\n\n let stageData = {\n w: this.$stage.width(),\n h: this.$stage.height()\n };\n\n // image scale to stage\n let scale = 1;\n\n if (!this.isRotated) {\n scale = Math.min(stageData.w / img.width, stageData.h / img.height, 1);\n } else {\n scale = Math.min(stageData.w / img.height, stageData.h / img.width, 1);\n }\n\n this.$image.css({\n width: Math.ceil(img.width * scale) + 'px',\n height: Math.ceil(img.height * scale) + 'px',\n left: (stageData.w - Math.ceil(img.width * scale)) / 2 + 'px',\n top: (stageData.h - Math.ceil(img.height * scale)) / 2 + 'px'\n });\n\n // Store image initial data\n $.extend(this.imageData, {\n width: img.width * scale,\n height: img.height * scale,\n left: (stageData.w - img.width * scale) / 2,\n top: (stageData.h - img.height * scale) / 2\n });\n\n // Set grab cursor\n setGrabCursor({ w: this.$image.width(), h: this.$image.height() }, { w: this.$stage.width(), h: this.$stage.height() },\n this.$stage,\n this.isRotated\n );\n\n // loader end\n this.$photoviewer.find(CLASS_NS + '-loader').remove();\n\n // Add image init animation\n if (this.options.initAnimation) {\n this.$image.fadeIn();\n }\n\n }\n\n loadImg(imgSrc) {\n\n let self = this;\n\n let loaderHTML = `
`;\n\n // loader start\n this.$photoviewer.append(loaderHTML);\n\n if (this.options.initAnimation) {\n this.$image.hide();\n }\n\n this.$image.attr('src', imgSrc);\n\n preloadImg(imgSrc, function (img) {\n\n // Store original data\n self.imageData = {\n originalWidth: img.width,\n originalHeight: img.height\n };\n\n if (self.isMaximized || (self.isOpened && self.options.fixedModalPos)) {\n self.setImageSize(img);\n } else {\n self.setModalSize(img);\n }\n\n self.$stage.removeClass('stage-ready');\n self.$image.removeClass('image-ready');\n\n }, function () {\n // loader end\n self.$photoviewer.find(CLASS_NS + '-loader').remove();\n });\n\n if (this.options.title) {\n this.setImgTitle(imgSrc);\n }\n\n }\n\n setImgTitle(url) {\n\n let caption = this.groupData[this.groupIndex].caption,\n captionTxt = caption ? caption : getImageNameFromUrl(url);\n\n this.$title.text(captionTxt);\n\n }\n\n jump(index) {\n\n this.groupIndex = this.groupIndex + index;\n\n this.jumpTo(this.groupIndex);\n\n }\n\n jumpTo(index) {\n\n index = index % this.groupData.length;\n\n if (index >= 0) {\n index = index % this.groupData.length;\n } else if (index < 0) {\n index = (this.groupData.length + index) % this.groupData.length;\n }\n\n this.groupIndex = index;\n\n this._triggerHook('beforeChange', index);\n\n this.loadImg(this.groupData[index].src);\n\n this._triggerHook('changed', index);\n\n }\n\n wheel(e) {\n\n e.preventDefault();\n\n let delta = 1;\n\n if (e.originalEvent.deltaY) {\n delta = e.originalEvent.deltaY > 0 ? 1 : -1;\n } else if (e.originalEvent.wheelDelta) {\n delta = -e.originalEvent.wheelDelta / 120;\n } else if (e.originalEvent.detail) {\n delta = e.originalEvent.detail > 0 ? 1 : -1;\n }\n\n // ratio threshold\n let ratio = -delta * this.options.ratioThreshold;\n\n // mouse point position relative to stage\n let pointer = {\n x: e.originalEvent.clientX - this.$stage.offset().left + $D.scrollLeft(),\n y: e.originalEvent.clientY - this.$stage.offset().top + $D.scrollTop()\n };\n\n this.zoom(ratio, pointer, e);\n\n }\n\n zoom(ratio, origin, e) {\n\n // zoom out & zoom in\n ratio = ratio < 0 ? (1 / (1 - ratio)) : (1 + ratio);\n\n if (ratio > 0.95 && ratio < 1.05) {\n ratio = 1;\n }\n\n ratio = this.$image.width() / this.imageData.originalWidth * ratio;\n\n // min image size\n ratio = Math.max(ratio, this.options.minRatio);\n // max image size\n ratio = Math.min(ratio, this.options.maxRatio);\n\n this.zoomTo(ratio, origin, e);\n\n }\n\n zoomTo(ratio, origin, e) {\n\n let $image = this.$image,\n $stage = this.$stage,\n imgData = {\n w: this.imageData.width,\n h: this.imageData.height,\n x: this.imageData.left,\n y: this.imageData.top\n };\n\n // image stage position\n // We will use it to calc the relative position of image\n let stageData = {\n w: $stage.width(),\n h: $stage.height(),\n x: $stage.offset().left,\n y: $stage.offset().top\n };\n\n let newWidth = this.imageData.originalWidth * ratio,\n newHeight = this.imageData.originalHeight * ratio,\n // Think about it for a while ~~~\n newLeft = origin.x - (origin.x - imgData.x) / imgData.w * newWidth,\n newTop = origin.y - (origin.y - imgData.y) / imgData.h * newHeight;\n\n // δ is the difference between image new width and new height\n let δ = !this.isRotated ? 0 : (newWidth - newHeight) / 2,\n imgNewWidth = !this.isRotated ? newWidth : newHeight,\n imgNewHeight = !this.isRotated ? newHeight : newWidth;\n\n let offsetX = stageData.w - newWidth,\n offsetY = stageData.h - newHeight;\n\n // zoom out & zoom in condition\n // It's important and it takes me a lot of time to get it\n // The conditions with image rotate 90 degree drive me crazy alomst!\n if (imgNewHeight <= stageData.h) {\n newTop = (stageData.h - newHeight) / 2;\n } else {\n newTop = newTop > δ ? δ : (newTop > (offsetY - δ) ? newTop : (offsetY - δ));\n }\n\n if (imgNewWidth <= stageData.w) {\n newLeft = (stageData.w - newWidth) / 2;\n } else {\n newLeft = newLeft > -δ ? -δ : (newLeft > (offsetX + δ) ? newLeft : (offsetX + δ));\n }\n\n $image.css({\n width: Math.round(newWidth) + 'px',\n height: Math.round(newHeight) + 'px',\n left: Math.round(newLeft) + 'px',\n top: Math.round(newTop) + 'px'\n });\n\n // Update image initial data\n $.extend(this.imageData, {\n width: newWidth,\n height: newHeight,\n left: newLeft,\n top: newTop\n });\n\n // Set grab cursor\n setGrabCursor({ w: Math.round(imgNewWidth), h: Math.round(imgNewHeight) }, { w: stageData.w, h: stageData.h },\n this.$stage\n );\n\n }\n\n rotate(angle) {\n\n this.rotateAngle = this.rotateAngle + angle;\n\n if ((this.rotateAngle / 90) % 2 === 0) {\n this.isRotated = false;\n } else {\n this.isRotated = true;\n }\n\n this.rotateTo(this.rotateAngle);\n\n }\n\n rotateTo(angle) {\n\n let self = this;\n\n this.$image.css({\n transform: 'rotate(' + angle + 'deg)'\n });\n\n this.setImageSize({ width: this.imageData.originalWidth, height: this.imageData.originalHeight });\n\n // Remove grab cursor when rotate\n this.$stage.removeClass('is-grab');\n\n }\n\n resize() {\n\n let self = this;\n\n let resizeHandler = throttle(function () {\n\n if (self.isOpened) {\n\n if (self.isMaximized) {\n self.setImageSize({ width: self.imageData.originalWidth, height: self.imageData.originalHeight });\n } else {\n self.setModalSize({ width: self.imageData.originalWidth, height: self.imageData.originalHeight });\n }\n\n }\n\n }, 500);\n\n return resizeHandler;\n\n }\n\n maximize() {\n\n let self = this;\n\n if (!this.isMaximized) {\n // Store modal data before maximize\n this.modalData = {\n width: this.$photoviewer.width(),\n height: this.$photoviewer.height(),\n left: this.$photoviewer.offset().left,\n top: this.$photoviewer.offset().top\n };\n\n this.$photoviewer.addClass(NS + '-maximize');\n\n this.$photoviewer.css({\n width: '100%',\n height: '100%',\n left: 0,\n top: 0\n });\n\n this.isMaximized = true;\n\n } else {\n\n this.$photoviewer.removeClass(NS + '-maximize');\n\n this.$photoviewer.css({\n width: this.modalData.width ? this.modalData.width : this.options.modalWidth,\n height: this.modalData.height ? this.modalData.height : this.options.modalHeight,\n left: this.modalData.left ? this.modalData.left : ($W.width() - this.options.modalWidth) / 2 + $D.scrollLeft(),\n top: this.modalData.top ? this.modalData.top : ($W.height() - this.options.modalHeight) / 2 + $D.scrollTop()\n });\n\n this.isMaximized = false;\n }\n\n this.setImageSize({ width: this.imageData.originalWidth, height: this.imageData.originalHeight });\n\n }\n\n fullscreen() {\n\n requestFullscreen(this.$photoviewer[0]);\n\n }\n\n keydown(e) {\n\n let self = this;\n\n if (!this.options.keyboard) {\n return false;\n }\n\n let keyCode = e.keyCode || e.which || e.charCode,\n ctrlKey = e.ctrlKey || e.metaKey,\n altKey = e.altKey || e.metaKey;\n\n switch (keyCode) {\n // ←\n case 37:\n self.jump(-1);\n break;\n // →\n case 39:\n self.jump(1);\n break;\n // +\n case 187:\n self.zoom(self.options.ratioThreshold * 3, { x: self.$stage.width() / 2, y: self.$stage.height() / 2 }, e);\n break;\n // -\n case 189:\n self.zoom(-self.options.ratioThreshold * 3, { x: self.$stage.width() / 2, y: self.$stage.height() / 2 }, e);\n break;\n // + Firefox\n case 61:\n self.zoom(self.options.ratioThreshold * 3, { x: self.$stage.width() / 2, y: self.$stage.height() / 2 }, e);\n break;\n // - Firefox\n case 173:\n self.zoom(-self.options.ratioThreshold * 3, { x: self.$stage.width() / 2, y: self.$stage.height() / 2 }, e);\n break;\n // ctrl + alt + 0\n case 48:\n if (ctrlKey && altKey) {\n self.zoomTo(1, { x: self.$stage.width() / 2, y: self.$stage.height() / 2 }, e);\n }\n break;\n // ctrl + ,\n case 188:\n if (ctrlKey) {\n self.rotate(-90);\n }\n break;\n // ctrl + .\n case 190:\n if (ctrlKey) {\n self.rotate(90);\n }\n break;\n default:\n }\n\n }\n\n addEvents() {\n\n let self = this;\n\n this.$close.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function (e) {\n self.close();\n });\n\n this.$stage.off(WHEEL_EVENT + EVENT_NS).on(WHEEL_EVENT + EVENT_NS, function (e) {\n self.wheel(e);\n });\n\n this.$zoomIn.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function (e) {\n self.zoom(self.options.ratioThreshold * 3, { x: self.$stage.width() / 2, y: self.$stage.height() / 2 }, e);\n });\n\n this.$zoomOut.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function (e) {\n self.zoom(-self.options.ratioThreshold * 3, { x: self.$stage.width() / 2, y: self.$stage.height() / 2 }, e);\n });\n\n this.$actualSize.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function (e) {\n self.zoomTo(1, { x: self.$stage.width() / 2, y: self.$stage.height() / 2 }, e);\n });\n\n this.$prev.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () {\n self.jump(-1);\n });\n\n this.$fullscreen.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () {\n self.fullscreen();\n });\n\n this.$next.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () {\n self.jump(1);\n });\n\n this.$rotateLeft.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () {\n self.rotate(-90);\n });\n\n this.$rotateRight.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () {\n self.rotate(90);\n });\n\n this.$maximize.off(CLICK_EVENT + EVENT_NS).on(CLICK_EVENT + EVENT_NS, function () {\n self.maximize();\n });\n\n $D.off(KEYDOWN_EVENT + EVENT_NS).on(KEYDOWN_EVENT + EVENT_NS, function (e) {\n self.keydown(e);\n });\n\n $W.on(RESIZE_EVENT + EVENT_NS, self.resize());\n\n }\n\n _triggerHook(e, data) {\n if (this.options.callbacks[e]) {\n this.options.callbacks[e].apply(this, $.isArray(data) ? data : [data]);\n }\n }\n\n\n}\n\n/**\n * Add methods to PhotoViewer\n */\n$.extend(PhotoViewer.prototype, draggable, movable, resizable);\n\n/**\n * Add PhotoViewer to globle\n */\nwindow.PhotoViewer = PhotoViewer;\n\n/**\n * jQuery plugin\n */\n\nlet jqEl = null,\n getImgGroup = function (list, groupName) {\n\n let items = [];\n\n $(list).each(function () {\n\n let src = getImgSrc(this);\n\n items.push({\n src: src,\n caption: $(this).attr('data-caption'),\n groupName: groupName\n });\n\n });\n\n return items;\n\n }\n\n$.fn.photoviewer = function (options) {\n\n jqEl = $(this);\n\n // Convert a numeric string into a number\n for (let key in options) {\n if (typeof (options[key]) === 'string' && !isNaN(options[key])) {\n options[key] = parseFloat(options[key])\n }\n }\n\n // Get init event, 'click' or 'dblclick'\n let opts = $.extend(true, {}, DEFAULTS, options);\n\n // We should get zIndex of options before plugin's init.\n PUBLIC_VARS['zIndex'] = opts.zIndex;\n\n if (typeof options === 'string') {\n\n // $(this).data('photoviewer')[options]();\n\n } else {\n\n if (opts.initEvent === 'dblclick') {\n\n jqEl.off('click' + EVENT_NS).on('click' + EVENT_NS, function (e) {\n\n e.preventDefault();\n // This will stop triggering data-api event\n e.stopPropagation();\n\n });\n\n }\n\n jqEl.off(opts.initEvent + EVENT_NS).on(opts.initEvent + EVENT_NS, function (e) {\n\n e.preventDefault();\n // This will stop triggering data-api event\n e.stopPropagation();\n\n // Get image group\n let items = [],\n currentGroupName = $(this).attr('data-group'),\n groupList = $D.find('[data-group=\"' + currentGroupName + '\"]');\n\n if (currentGroupName !== undefined) {\n items = getImgGroup(groupList, currentGroupName);\n options['index'] = $(this).index('[data-group=\"' + currentGroupName + '\"]');\n } else {\n items = getImgGroup(jqEl.not('[data-group]'));\n options['index'] = $(this).index();\n }\n\n $(this).data(NS, new PhotoViewer(items, options, this));\n\n });\n\n }\n\n return jqEl;\n\n};\n\n/**\n * PhotoViewer DATA-API\n */\n$D.on(CLICK_EVENT + EVENT_NS, '[data-' + NS + ']', function (e) {\n\n jqEl = $('[data-' + NS + ']');\n\n e.preventDefault();\n\n // Get image group\n let items = [],\n currentGroupName = $(this).attr('data-group'),\n groupList = $D.find('[data-group=\"' + currentGroupName + '\"]');\n\n if (currentGroupName !== undefined) {\n items = getImgGroup(groupList, currentGroupName);\n DEFAULTS['index'] = $(this).index('[data-group=\"' + currentGroupName + '\"]');\n } else {\n items = getImgGroup(jqEl.not('[data-group]'));\n DEFAULTS['index'] = $(this).index();\n }\n\n $(this).data(NS, new PhotoViewer(items, DEFAULTS, this));\n\n});\n\nexport default PhotoViewer;\n"],"names":["draggable","resizable","movable","keyboard","title","modalWidth","modalHeight","fixedContent","fixedModalSize","initMaximized","gapThreshold","ratioThreshold","minRatio","maxRatio","headToolbar","footToolbar","icons","minimize","maximize","close","zoomIn","zoomOut","prev","next","fullscreen","actualSize","rotateLeft","rotateRight","i18n","multiInstances","initEvent","initAnimation","fixedModalPos","zIndex","dragHandle","callbacks","beforeOpen","$","noop","opened","beforeClose","closed","beforeChange","changed","index","getImgSrc","el","src","attr","throttle","fn","delay","timer","context","args","arguments","clearTimeout","setTimeout","apply","preloadImg","success","error","img","Image","onload","onerror","requestFullscreen","element","mozRequestFullScreen","webkitRequestFullscreen","msRequestFullscreen","getImageNameFromUrl","url","reg","txt","replace","getNumFromCSSValue","value","arr","match","num","parseFloat","hasScrollbar","document","body","scrollHeight","window","innerHeight","documentElement","clientHeight","getScrollbarWidth","scrollDiv","createElement","style","cssText","appendChild","scrollbarWidth","offsetWidth","clientWidth","removeChild","setGrabCursor","imageData","stageData","stage","isRotated","imageWidth","w","h","imageHeight","addClass","removeClass","supportTouch","DocumentTouch","$W","$D","CLICK_EVENT","RESIZE_EVENT","KEYDOWN_EVENT","WHEEL_EVENT","TOUCH_START_EVENT","TOUCH_MOVE_EVENT","TOUCH_END_EVENT","NS","CLASS_NS","EVENT_NS","PUBLIC_VARS","isMoving","isResizing","defaults","modal","dragCancel","self","isDragging","startX","startY","left","top","dragStart","e","event","options","css","elemCancel","target","closest","length","type","originalEvent","targetTouches","pageX","clientX","pageY","clientY","offset","on","dragMove","dragEnd","preventDefault","isMaximized","endX","endY","relativeX","relativeY","off","ELEMS_WITH_GRABBING_CURSOR","image","widthDiff","heightDiff","δ","width","height","stageWidth","stageHeight","position","hasClass","newLeft","newTop","extend","ELEMS_WITH_RESIZE_CURSOR","minWidth","minHeight","resizableHandleE","resizableHandleW","resizableHandleS","resizableHandleN","resizableHandleSE","resizableHandleSW","resizableHandleNE","resizableHandleNW","resizableHandles","append","modalData","l","t","imgWidth","imgHeight","direction","getModalOpts","dir","offsetX","offsetY","modalLeft","modalTop","opts","Math","max","getImageOpts","widthDiff2","heightDiff2","imgLeft","imgTop","imgLeft2","imgTop2","modalOpts","imageOpts","each","handle","PhotoViewer","items","DEFAULTS","isArray","$el","isOpened","rotateAngle","init","groupData","groupIndex","imgSrc","open","loadImg","$photoviewer","$stage","$image","_creatBtns","toolbar","btns","btnsStr","item","_creatTitle","_creatDOM","btnsTpl","photoviewerHTML","build","$header","find","$headToolbar","$footer","$footToolbar","$title","$close","$maximize","$minimize","$zoomIn","$zoomOut","$actualSize","$fullscreen","$rotateLeft","$rotateRight","$prev","$next","eq","remove","_triggerHook","addEvents","setModalPos","zeroModal","winWidth","winHeight","scrollLeft","scrollTop","setModalSize","stageCSS","right","bottom","borderLeft","borderRight","borderTop","borderBottom","scale","min","round","modalCSSObj","animate","setImageSize","ceil","fadeIn","loaderHTML","hide","originalWidth","originalHeight","setImgTitle","caption","captionTxt","text","jump","jumpTo","wheel","delta","deltaY","wheelDelta","detail","ratio","pointer","x","y","zoom","origin","zoomTo","imgData","newWidth","newHeight","imgNewWidth","imgNewHeight","rotate","angle","rotateTo","transform","resize","resizeHandler","keydown","keyCode","which","charCode","ctrlKey","metaKey","altKey","data","prototype","jqEl","getImgGroup","list","groupName","push","photoviewer","key","isNaN","stopPropagation","currentGroupName","groupList","undefined","not"],"mappings":"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"} \ No newline at end of file diff --git a/dist/photoviewer.min.css b/dist/photoviewer.min.css new file mode 100644 index 0000000..174abbc --- /dev/null +++ b/dist/photoviewer.min.css @@ -0,0 +1,18 @@ + +/*! + * ____ _ _ ___ _____ ___ _ _ _____ ____ _ _ ____ ____ + * | _ \| | | |/ _ \|_ _|/ _ \| | | |_ _| __| | | | __| _ \ + * | |_| | |_| | | | | | | | | | | | | | | | | |__| | | | |__| |_| | + * | __/| _ | | | | | | | | | | |_| | | | | __| |/\| | __| / + * | | | | | | |_| | | | | |_| |\ / _| |_| |__| /\ | |__| |\ \ + * |_| |_| |_|\___/ |_| \___/ \_/ |_____|____|_/ \_|____|_| \_\ + * + * photoviewer - v2.0.0-beta.0 + * A JS plugin to view images just like in Windows + * https://github.com/nzbin/photoviewer#readme + * + * Copyright (c) 2018 nzbin + * Released under MIT License + */.photoviewer-modal{position:absolute;z-index:1090;width:320px;height:320px;cursor:default}.photoviewer-inner{position:relative;width:100%;height:100%;background-color:#111;background-color:rgba(0,0,0,0.85);-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,0.3);box-shadow:0 0 3px 1px rgba(0,0,0,0.3);cursor:default}.photoviewer-maximize{position:fixed;top:0;left:0;width:100%;height:100%}.photoviewer-toolbar{font-size:0}.photoviewer-header{position:relative;z-index:2;height:40px;color:#fff}.photoviewer-header .photoviewer-toolbar{float:right}.photoviewer-title{padding:13px 10px;font-size:14px;line-height:1;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.photoviewer-stage{position:absolute;top:40px;right:10px;bottom:40px;left:10px;z-index:1;border:1px solid #ccc;overflow:hidden}.photoviewer-stage.stage-ready{text-align:center}.photoviewer-image{position:relative;display:inline-block}.photoviewer-image.image-ready{max-width:100%;max-height:100%}.photoviewer-footer{position:absolute;bottom:0;z-index:2;width:100%;height:40px;color:#fff;text-align:center}.photoviewer-footer .photoviewer-toolbar{display:inline-block}.photoviewer-button{display:inline-block;width:40px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:10px;font-size:14px;color:#ccc;line-height:1;text-align:center;background:none;border-width:0;border-radius:0;cursor:pointer;outline:none}.photoviewer-button:hover{color:#fff}.photoviewer-button-close:hover{background-color:#ff4545}.photoviewer-button-maximize:hover{background-color:#525252}.photoviewer-button-minimize:hover{background-color:#525252}.photoviewer-loader{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;text-align:center;background-color:rgba(0,0,0,0.3);color:#333}.photoviewer-loader::before{content:'';display:inline-block;position:relative;width:35px;height:35px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(255,255,255,0.5);border-radius:100%;-webkit-animation:photoviewerLoading 1s infinite linear;animation:photoviewerLoading 1s infinite linear}.photoviewer-loader::after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;overflow:hidden}@-webkit-keyframes photoviewerLoading{0%{-webkit-transform:rotateZ(0deg) translate3d(0, 0, 0);transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{-webkit-transform:rotateZ(360deg) translate3d(0, 0, 0);transform:rotateZ(360deg) translate3d(0, 0, 0)}}@keyframes photoviewerLoading{0%{-webkit-transform:rotateZ(0deg) translate3d(0, 0, 0);transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{-webkit-transform:rotateZ(360deg) translate3d(0, 0, 0);transform:rotateZ(360deg) translate3d(0, 0, 0)}}.photoviewer-resizable-handle{position:absolute;z-index:10}.photoviewer-resizable-handle-e{top:0;right:-5px;bottom:0;left:auto;width:10px;cursor:e-resize}.photoviewer-resizable-handle-s{top:auto;right:0;bottom:-5px;left:0;height:10px;cursor:s-resize}.photoviewer-resizable-handle-w{top:0;right:auto;bottom:0;left:-5px;width:10px;cursor:w-resize}.photoviewer-resizable-handle-n{top:-5px;right:0;bottom:auto;left:0;height:10px;cursor:n-resize}.photoviewer-resizable-handle-se{top:auto;right:-5px;bottom:-5px;left:auto;width:10px;height:10px;cursor:se-resize}.photoviewer-resizable-handle-sw{top:auto;right:auto;bottom:-5px;left:-5px;width:10px;height:10px;cursor:sw-resize}.photoviewer-resizable-handle-nw{top:-5px;right:auto;bottom:auto;left:-5px;width:10px;height:10px;cursor:nw-resize}.photoviewer-resizable-handle-ne{top:-5px;right:-5px;bottom:auto;left:auto;width:10px;height:10px;cursor:ne-resize}:-webkit-full-screen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:-webkit-full-screen .photoviewer-header,:-webkit-full-screen .photoviewer-footer,:-webkit-full-screen .photoviewer-resizable-handle{display:none}:-webkit-full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:-moz-full-screen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:-moz-full-screen .photoviewer-header,:-moz-full-screen .photoviewer-footer,:-moz-full-screen .photoviewer-resizable-handle{display:none}:-moz-full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:-ms-fullscreen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:-ms-fullscreen .photoviewer-header,:-ms-fullscreen .photoviewer-footer,:-ms-fullscreen .photoviewer-resizable-handle{display:none}:-ms-fullscreen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:full-screen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:full-screen .photoviewer-header,:full-screen .photoviewer-footer,:full-screen .photoviewer-resizable-handle{display:none}:full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:-webkit-full-screen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:-moz-full-screen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:-ms-fullscreen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:fullscreen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:-webkit-full-screen .photoviewer-header,:-webkit-full-screen .photoviewer-footer,:-webkit-full-screen .photoviewer-resizable-handle{display:none}:-moz-full-screen .photoviewer-header,:-moz-full-screen .photoviewer-footer,:-moz-full-screen .photoviewer-resizable-handle{display:none}:-ms-fullscreen .photoviewer-header,:-ms-fullscreen .photoviewer-footer,:-ms-fullscreen .photoviewer-resizable-handle{display:none}:fullscreen .photoviewer-header,:fullscreen .photoviewer-footer,:fullscreen .photoviewer-resizable-handle{display:none}:-webkit-full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:-moz-full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:-ms-fullscreen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:fullscreen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}::-webkit-backdrop{background-color:#000}::backdrop{background-color:#000}::-ms-backdrop{background-color:#000}.is-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.is-grabbing{cursor:move;cursor:-webkit-grabbing;cursor:grabbing} + +/*# sourceMappingURL=photoviewer.min.css.map */ \ No newline at end of file diff --git a/dist/photoviewer.min.css.map b/dist/photoviewer.min.css.map new file mode 100644 index 0000000..4ffdffb --- /dev/null +++ b/dist/photoviewer.min.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["","photoviewer.min.css"],"names":[],"mappings":"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","file":"photoviewer.min.css","sourcesContent":[null,".photoviewer-modal{position:absolute;z-index:1090;width:320px;height:320px;cursor:default}.photoviewer-inner{position:relative;width:100%;height:100%;background-color:#111;background-color:rgba(0,0,0,0.85);box-shadow:0 0 3px 1px rgba(0,0,0,0.3);cursor:default}.photoviewer-maximize{position:fixed;top:0;left:0;width:100%;height:100%}.photoviewer-toolbar{font-size:0}.photoviewer-header{position:relative;z-index:2;height:40px;color:#fff}.photoviewer-header .photoviewer-toolbar{float:right}.photoviewer-title{padding:13px 10px;font-size:14px;line-height:1;white-space:nowrap;text-overflow:ellipsis;user-select:none;overflow:hidden}.photoviewer-stage{position:absolute;top:40px;right:10px;bottom:40px;left:10px;z-index:1;border:1px solid #ccc;overflow:hidden}.photoviewer-stage.stage-ready{text-align:center}.photoviewer-image{position:relative;display:inline-block}.photoviewer-image.image-ready{max-width:100%;max-height:100%}.photoviewer-footer{position:absolute;bottom:0;z-index:2;width:100%;height:40px;color:#fff;text-align:center}.photoviewer-footer .photoviewer-toolbar{display:inline-block}.photoviewer-button{display:inline-block;width:40px;height:40px;box-sizing:border-box;margin:0;padding:10px;font-size:14px;color:#ccc;line-height:1;text-align:center;background:none;border-width:0;border-radius:0;cursor:pointer;outline:none}.photoviewer-button:hover{color:#fff}.photoviewer-button-close:hover{background-color:#ff4545}.photoviewer-button-maximize:hover{background-color:#525252}.photoviewer-button-minimize:hover{background-color:#525252}.photoviewer-loader{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;text-align:center;background-color:rgba(0,0,0,0.3);color:#333}.photoviewer-loader::before{content:'';display:inline-block;position:relative;width:35px;height:35px;border-width:5px;border-style:solid;border-color:rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(0,0,0,0.5) rgba(255,255,255,0.5);border-radius:100%;animation:photoviewerLoading 1s infinite linear}.photoviewer-loader::after{content:'';display:inline-block;width:0;height:100%;vertical-align:middle;overflow:hidden}@keyframes photoviewerLoading{0%{transform:rotateZ(0deg) translate3d(0, 0, 0)}100%{transform:rotateZ(360deg) translate3d(0, 0, 0)}}.photoviewer-resizable-handle{position:absolute;z-index:10}.photoviewer-resizable-handle-e{top:0;right:-5px;bottom:0;left:auto;width:10px;cursor:e-resize}.photoviewer-resizable-handle-s{top:auto;right:0;bottom:-5px;left:0;height:10px;cursor:s-resize}.photoviewer-resizable-handle-w{top:0;right:auto;bottom:0;left:-5px;width:10px;cursor:w-resize}.photoviewer-resizable-handle-n{top:-5px;right:0;bottom:auto;left:0;height:10px;cursor:n-resize}.photoviewer-resizable-handle-se{top:auto;right:-5px;bottom:-5px;left:auto;width:10px;height:10px;cursor:se-resize}.photoviewer-resizable-handle-sw{top:auto;right:auto;bottom:-5px;left:-5px;width:10px;height:10px;cursor:sw-resize}.photoviewer-resizable-handle-nw{top:-5px;right:auto;bottom:auto;left:-5px;width:10px;height:10px;cursor:nw-resize}.photoviewer-resizable-handle-ne{top:-5px;right:-5px;bottom:auto;left:auto;width:10px;height:10px;cursor:ne-resize}:-webkit-full-screen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:-webkit-full-screen .photoviewer-header,:-webkit-full-screen .photoviewer-footer,:-webkit-full-screen .photoviewer-resizable-handle{display:none}:-webkit-full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:-moz-full-screen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:-moz-full-screen .photoviewer-header,:-moz-full-screen .photoviewer-footer,:-moz-full-screen .photoviewer-resizable-handle{display:none}:-moz-full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:-ms-fullscreen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:-ms-fullscreen .photoviewer-header,:-ms-fullscreen .photoviewer-footer,:-ms-fullscreen .photoviewer-resizable-handle{display:none}:-ms-fullscreen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:full-screen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:full-screen .photoviewer-header,:full-screen .photoviewer-footer,:full-screen .photoviewer-resizable-handle{display:none}:full-screen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}:fullscreen{top:0 !important;left:0 !important;width:100% !important;height:100% !important}:fullscreen .photoviewer-header,:fullscreen .photoviewer-footer,:fullscreen .photoviewer-resizable-handle{display:none}:fullscreen .photoviewer-stage{top:0;right:0;bottom:0;left:0;border-width:0;background-color:#000}::backdrop{background-color:#000}::-ms-backdrop{background-color:#000}.is-grab{cursor:move;cursor:-webkit-grab;cursor:grab}.is-grabbing{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}\n"]} \ No newline at end of file diff --git a/dist/photoviewer.min.js b/dist/photoviewer.min.js new file mode 100644 index 0000000..08e5128 --- /dev/null +++ b/dist/photoviewer.min.js @@ -0,0 +1,18 @@ +/*! + * ____ _ _ ___ _____ ___ _ _ _____ ____ _ _ ____ ____ + * | _ \| | | |/ _ \|_ _|/ _ \| | | |_ _| __| | | | __| _ \ + * | |_| | |_| | | | | | | | | | | | | | | | | |__| | | | |__| |_| | + * | __/| _ | | | | | | | | | | |_| | | | | __| |/\| | __| / + * | | | | | | |_| | | | | |_| |\ / _| |_| |__| /\ | |__| |\ \ + * |_| |_| |_|\___/ |_| \___/ \_/ |_____|____|_/ \_|____|_| \_\ + * + * photoviewer - v2.0.0-beta.0 + * A JS plugin to view images just like in Windows + * https://github.com/nzbin/photoviewer#readme + * + * Copyright (c) 2018 nzbin + * Released under MIT License + */ +!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],i):t.photoviewer=i(t.jQuery)}(this,function(x){"use strict";x=x&&x.hasOwnProperty("default")?x.default:x;var a={draggable:!0,resizable:!0,movable:!0,keyboard:!0,title:!0,modalWidth:320,modalHeight:320,fixedContent:!0,fixedModalSize:!1,initMaximized:!1,gapThreshold:.02,ratioThreshold:.1,minRatio:.1,maxRatio:16,headToolbar:["maximize","close"],footToolbar:["zoomIn","zoomOut","prev","fullscreen","next","actualSize","rotateRight"],icons:{minimize:"fa fa-window-minimize",maximize:"fa fa-window-maximize",close:"fa fa-close",zoomIn:"fa fa-search-plus",zoomOut:"fa fa-search-minus",prev:"fa fa-arrow-left",next:"fa fa-arrow-right",fullscreen:"fa fa-photo",actualSize:"fa fa-arrows-alt",rotateLeft:"fa fa-rotate-left",rotateRight:"fa fa-rotate-right"},i18n:{minimize:"minimize",maximize:"maximize",close:"close",zoomIn:"zoom-in(+)",zoomOut:"zoom-out(-)",prev:"prev(←)",next:"next(→)",fullscreen:"fullscreen",actualSize:"actual-size(Ctrl+Alt+0)",rotateLeft:"rotate-left(Ctrl+,)",rotateRight:"rotate-right(Ctrl+.)"},multiInstances:!0,initEvent:"click",initAnimation:!0,fixedModalPos:!1,zIndex:1090,dragHandle:!1,callbacks:{beforeOpen:$.noop,opened:$.noop,beforeClose:$.noop,closed:$.noop,beforeChange:$.noop,changed:$.noop},index:0};function u(t){var i=t.match(/\d+/g);return parseFloat(i[0])}function b(t,i,e,o){var s=o?t.h:t.w,a=o?t.w:t.h;(a>i.h||s>i.w)&&e.addClass("is-grab"),a<=i.h&&s<=i.w&&e.removeClass("is-grab")}function t(){return!!("ontouchstart"in window||window.DocumentTouch&&document instanceof DocumentTouch)}var f=$(window),w=$(document),e="click",o="resize",s="keydown",n="wheel mousewheel DOMMouseScroll",z=t()?"touchstart":"mousedown",y=t()?"touchmove":"mousemove",_=t()?"touchend":"mouseup",c="photoviewer",h="."+c,L="."+c,X={isMoving:!1,isResizing:!1,zIndex:a.zIndex},i={draggable:function(a,t,i){var n=this,h=!1,r=0,l=0,d=0,p=0,e=function(t){if((t=t||window.event).preventDefault(),h&&!X.isMoving&&!X.isResizing&&!n.isMaximized){var i="touchmove"===t.type?t.originalEvent.targetTouches[0].pageX:t.clientX,e="touchmove"===t.type?t.originalEvent.targetTouches[0].pageY:t.clientY,o=i-r,s=e-l;$(a).css({left:o+d+"px",top:s+p+"px"})}},o=function t(){w.off(y+L,e).off(_+L,t),h=!1};$(t).on(z+L,function(t){if(t=t||window.event,n.options.multiInstances&&a.css("z-index",++X.zIndex),$(t.target).closest(i).length)return!0;h=!0,r="touchstart"===t.type?t.originalEvent.targetTouches[0].pageX:t.clientX,l="touchstart"===t.type?t.originalEvent.targetTouches[0].pageY:t.clientY,d=$(a).offset().left,p=$(a).offset().top,w.on(y+L,e).on(_+L,o)})}},M="html,body,."+c+"-modal,."+c+"-stage,."+c+"-button,."+c+"-resizable-handle",r={movable:function(a,h){var r=this,l=!1,d=0,p=0,g=0,c=0,u=0,f=0,m=0,n=function(t){if((t=t||window.event).preventDefault(),l){var i="touchmove"===t.type?t.originalEvent.targetTouches[0].pageX:t.clientX,e="touchmove"===t.type?t.originalEvent.targetTouches[0].pageY:t.clientY,o=i-d,s=e-p,a=o+g,n=s+c;0'),i=$('
'),e=$('
'),o=$('
'),a=$('
'),n=$('
'),h=$('
'),r=$('
'),l={e:t,s:e,se:a,n:o,w:i,nw:r,ne:h,sw:n};$(M).append(t,i,e,o,a,n,h,r);var k=!1,H=0,E=0,C={w:0,h:0,l:0,t:0},S={w:0,h:0,l:0,t:0},d={w:0,h:0,l:0,t:0},O=0,W=0,Y=0,A="",p=function(t){if((t=t||window.event).preventDefault(),k&&!R.isMaximized){var i="touchmove"===t.type?t.originalEvent.targetTouches[0].pageX:t.clientX,e="touchmove"===t.type?t.originalEvent.targetTouches[0].pageY:t.clientY,o=i-H,s=e-E,a=(w=A,b=s,z=-(x=o)+C.w>D?x+C.l:C.l+C.w-D,y=-b+C.h>I?b+C.t:C.t+C.h-I,{e:{width:Math.max(x+C.w,D)+"px"},s:{height:Math.max(b+C.h,I)+"px"},se:{width:Math.max(x+C.w,D)+"px",height:Math.max(b+C.h,I)+"px"},w:{width:Math.max(-x+C.w,D)+"px",left:z+"px"},n:{height:Math.max(-b+C.h,I)+"px",top:y+"px"},nw:{width:Math.max(-x+C.w,D)+"px",height:Math.max(-b+C.h,I)+"px",top:y+"px",left:z+"px"},ne:{width:Math.max(x+C.w,D)+"px",height:Math.max(-b+C.h,I)+"px",top:y+"px"},sw:{width:Math.max(-x+C.w,D)+"px",height:Math.max(b+C.h,I)+"px",left:z+"px"}}[w]);$(M).css(a);var n=(h=A,l=s,d=(r=o)+C.w>D?S.w-W+r-O:D-(C.w-S.w)-W-O,p=l+C.h>I?S.h-Y+l+O:I-(C.h-S.h)-Y+O,g=-r+C.w>D?S.w-W-r-O:D-(C.w-S.w)-W-O,c=-l+C.h>I?S.h-Y-l+O:I-(C.h-S.h)-Y+O,u=(0':""},i._creatDOM=function(){var t={minimize:'',maximize:'',close:'',zoomIn:'',zoomOut:'',prev:'',next:'',fullscreen:'',actualSize:'',rotateLeft:'',rotateRight:''};return'
\n
\n
\n
\n '+this._creatBtns(this.options.headToolbar,t)+"\n
\n "+this._creatTitle()+'\n
\n
\n \n
\n
\n
\n '+this._creatBtns(this.options.footToolbar,t)+"\n
\n
\n
\n
"},i.build=function(){var t=this._creatDOM(),i=x(t);this.$photoviewer=i,this.$header=i.find(h+"-header"),this.$headToolbar=i.find(h+"-toolbar-head"),this.$footer=i.find(h+"-footer"),this.$footToolbar=i.find(h+"-toolbar-foot"),this.$stage=i.find(h+"-stage"),this.$title=i.find(h+"-title"),this.$image=i.find(h+"-image"),this.$close=i.find(h+"-button-close"),this.$maximize=i.find(h+"-button-maximize"),this.$minimize=i.find(h+"-button-minimize"),this.$zoomIn=i.find(h+"-button-zoom-in"),this.$zoomOut=i.find(h+"-button-zoom-out"),this.$actualSize=i.find(h+"-button-actual-size"),this.$fullscreen=i.find(h+"-button-fullscreen"),this.$rotateLeft=i.find(h+"-button-rotate-left"),this.$rotateRight=i.find(h+"-button-rotate-right"),this.$prev=i.find(h+"-button-prev"),this.$next=i.find(h+"-button-next"),this.$stage.addClass("stage-ready"),this.$image.addClass("image-ready"),this.$photoviewer.css("z-index",X.zIndex),this.options.dragHandle&&this.options.dragHandle!==h+"-modal"?this.dragHandle=this.$photoviewer.find(this.options.dragHandle):this.dragHandle=this.$photoviewer},i.open=function(){if(this.options.multiInstances||x(h+"-modal").eq(0).remove(),!x(h+"-modal").length&&this.options.fixedContent&&(x("html").css({overflow:"hidden"}),document.body.scrollHeight>(window.innerHeight||document.documentElement.clientHeight))){var t=function(){var t=document.createElement("div");t.style.cssText="width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;",document.body.appendChild(t);var i=t.offsetWidth-t.clientWidth;return document.body.removeChild(t),i}();t&&x("html").css({"padding-right":t})}this.build(),this._triggerHook("beforeOpen",this.$el),x("body").append(this.$photoviewer),this.addEvents(),this.setModalPos(this.$photoviewer),this._triggerHook("opened",this.$el)},i.close=function(){this._triggerHook("beforeClose",this.$el),this.$photoviewer.remove(),this.isOpened=!1,this.isMaximized=!1,this.isRotated=!1,this.rotateAngle=0;var t=!x(h+"-modal").length;t&&this.options.fixedContent&&x("html").css({overflow:"","padding-right":""}),t&&this.options.multiInstances&&(X.zIndex=this.options.zIndex),x(h+"-modal").length||(w.off(s+L),f.off(o+L)),this._triggerHook("closed",this.$el)},i.setModalPos=function(t){var i=f.width(),e=f.height(),o=w.scrollLeft(),s=w.scrollTop(),a=this.options.modalWidth,n=this.options.modalHeight;this.options.initMaximized?(t.addClass(c+"-maximize"),t.css({width:"100%",height:"100%",left:0,top:0}),this.isOpened=!0,this.isMaximized=!0):t.css({width:a,height:n,left:(i-a)/2+o+"px",top:(e-n)/2+s+"px"})},i.setModalSize=function(t){var i=this,e=f.width(),o=f.height(),s=w.scrollLeft(),a=w.scrollTop(),n={left:this.$stage.css("left"),right:this.$stage.css("right"),top:this.$stage.css("top"),bottom:this.$stage.css("bottom"),borderLeft:this.$stage.css("border-left-width"),borderRight:this.$stage.css("border-right-width"),borderTop:this.$stage.css("border-top-width"),borderBottom:this.$stage.css("border-bottom-width")},h=t.width+u(n.left)+u(n.right)+u(n.borderLeft)+u(n.borderRight),r=t.height+u(n.top)+u(n.bottom)+u(n.borderTop)+u(n.borderBottom),l=(0'),this.options.initAnimation&&this.$image.hide(),this.$image.attr("src",t),i=t,e=function(t){a.imageData={originalWidth:t.width,originalHeight:t.height},a.isMaximized||a.isOpened&&a.options.fixedModalPos?a.setImageSize(t):a.setModalSize(t),a.$stage.removeClass("stage-ready"),a.$image.removeClass("image-ready")},o=function(){a.$photoviewer.find(h+"-loader").remove()},(s=new Image).onload=function(){e(s)},s.onerror=function(){o(s)},s.src=i,this.options.title&&this.setImgTitle(t)},i.setImgTitle=function(t){var i=this.groupData[this.groupIndex].caption,e=i||t.replace(/^.*?\/*([^/?]*)\.[a-z]+(\?.+|$)/gi,"$1");this.$title.text(e)},i.jump=function(t){this.groupIndex=this.groupIndex+t,this.jumpTo(this.groupIndex)},i.jumpTo=function(t){0<=(t%=this.groupData.length)?t%=this.groupData.length:t<0&&(t=(this.groupData.length+t)%this.groupData.length),this.groupIndex=t,this._triggerHook("beforeChange",t),this.loadImg(this.groupData[t].src),this._triggerHook("changed",t)},i.wheel=function(t){t.preventDefault();var i=1;t.originalEvent.deltaY?i=0 -
-
- ${this._creatBtns(this.options.headToolbar, btnsTpl)} +
+
+
+ ${this._creatBtns(this.options.headToolbar, btnsTpl)} +
+ ${this._creatTitle()}
- ${this._creatTitle()} -
-
- -
-
-
- ${this._creatBtns(this.options.footToolbar, btnsTpl)} +
+ +
+
+
+ ${this._creatBtns(this.options.footToolbar, btnsTpl)} +
`; @@ -260,7 +262,7 @@ class PhotoViewer { } - close(el) { + close() { this._triggerHook('beforeClose', this.$el); @@ -445,7 +447,7 @@ class PhotoViewer { let self = this; - let loaderHTML = `
`; + let loaderHTML = `
`; // loader start this.$photoviewer.append(loaderHTML); @@ -877,7 +879,6 @@ window.PhotoViewer = PhotoViewer; * jQuery plugin */ -// jquery element of calling plugin let jqEl = null, getImgGroup = function (list, groupName) { @@ -911,7 +912,7 @@ $.fn.photoviewer = function (options) { } // Get init event, 'click' or 'dblclick' - let opts = $.extend(true, {}, defaults, options); + let opts = $.extend(true, {}, DEFAULTS, options); // We should get zIndex of options before plugin's init. PUBLIC_VARS['zIndex'] = opts.zIndex; @@ -946,18 +947,14 @@ $.fn.photoviewer = function (options) { groupList = $D.find('[data-group="' + currentGroupName + '"]'); if (currentGroupName !== undefined) { - items = getImgGroup(groupList, currentGroupName); options['index'] = $(this).index('[data-group="' + currentGroupName + '"]'); - } else { - items = getImgGroup(jqEl.not('[data-group]')); options['index'] = $(this).index(); - } - $(this).data(NS, new PhotoViewer(this, items, options)); + $(this).data(NS, new PhotoViewer(items, options, this)); }); @@ -982,18 +979,14 @@ $D.on(CLICK_EVENT + EVENT_NS, '[data-' + NS + ']', function (e) { groupList = $D.find('[data-group="' + currentGroupName + '"]'); if (currentGroupName !== undefined) { - items = getImgGroup(groupList, currentGroupName); - defaults['index'] = $(this).index('[data-group="' + currentGroupName + '"]'); - + DEFAULTS['index'] = $(this).index('[data-group="' + currentGroupName + '"]'); } else { - items = getImgGroup(jqEl.not('[data-group]')); - defaults['index'] = $(this).index(); - + DEFAULTS['index'] = $(this).index(); } - $(this).data(NS, new PhotoViewer(this, items, defaults)); + $(this).data(NS, new PhotoViewer(items, DEFAULTS, this)); }); diff --git a/src/js/defaults.js b/src/js/defaults.js index 3e7c55f..d265139 100644 --- a/src/js/defaults.js +++ b/src/js/defaults.js @@ -71,8 +71,7 @@ export default { fullscreen: 'fa fa-photo', actualSize: 'fa fa-arrows-alt', rotateLeft: 'fa fa-rotate-left', - rotateRight: 'fa fa-rotate-right', - loader: 'fa fa-spinner fa-pulse' + rotateRight: 'fa fa-rotate-right' }, // Customize language of button title diff --git a/src/sass/_general.scss b/src/sass/_general.scss index 186c069..8d4635e 100644 --- a/src/sass/_general.scss +++ b/src/sass/_general.scss @@ -6,6 +6,13 @@ z-index: 1090; width: 320px; height: 320px; + cursor: default; +} + +.photoviewer-inner { + position: relative; + width: 100%; + height: 100%; background-color: #111; background-color: rgba(0, 0, 0, .85); box-shadow: 0 0 3px 1px rgba(0, 0, 0, .3); @@ -130,6 +137,19 @@ background-color: rgba(0, 0, 0, .3); color: #333; + &::before { + content: ''; + display: inline-block; + position: relative; + width: 35px; + height: 35px; + border-width: 5px; + border-style: solid; + border-color: rgba(0, 0, 0, .5) rgba(0, 0, 0, .5) rgba(0, 0, 0, .5) rgba(255, 255, 255, .5); + border-radius: 100%; + animation: photoviewerLoading 1s infinite linear; + } + &::after { content: ''; display: inline-block; @@ -138,8 +158,14 @@ vertical-align: middle; overflow: hidden; } +} + +@keyframes photoviewerLoading { + 0% { + transform: rotateZ(0deg) translate3d(0, 0, 0); + } - i { - font-size: 32px; + 100% { + transform: rotateZ(360deg) translate3d(0, 0, 0); } } diff --git a/src/sass/_resizable.scss b/src/sass/_resizable.scss index be4c14d..3c5aece 100644 --- a/src/sass/_resizable.scss +++ b/src/sass/_resizable.scss @@ -1,95 +1,82 @@ // ----------------------- // Resizable // ----------------------- -// .photoviewer-resizable-handle {} +.photoviewer-resizable-handle { + position: absolute; + z-index: 10; +} .photoviewer-resizable-handle-e { - position: absolute; top: 0; right: -5px; bottom: 0; left: auto; - z-index: 10; width: 10px; cursor: e-resize; } .photoviewer-resizable-handle-s { - position: absolute; top: auto; right: 0; bottom: -5px; left: 0; - z-index: 10; height: 10px; cursor: s-resize; } .photoviewer-resizable-handle-w { - position: absolute; top: 0; right: auto; bottom: 0; left: -5px; - z-index: 10; width: 10px; cursor: w-resize; } .photoviewer-resizable-handle-n { - position: absolute; top: -5px; right: 0; bottom: auto; left: 0; - z-index: 10; height: 10px; cursor: n-resize; } .photoviewer-resizable-handle-se { - position: absolute; top: auto; right: -5px; bottom: -5px; left: auto; - z-index: 11; width: 10px; height: 10px; cursor: se-resize; } .photoviewer-resizable-handle-sw { - position: absolute; top: auto; right: auto; bottom: -5px; left: -5px; - z-index: 11; width: 10px; height: 10px; cursor: sw-resize; } .photoviewer-resizable-handle-nw { - position: absolute; top: -5px; right: auto; bottom: auto; left: -5px; - z-index: 11; width: 10px; height: 10px; cursor: nw-resize; } .photoviewer-resizable-handle-ne { - position: absolute; top: -5px; right: -5px; bottom: auto; left: auto; - z-index: 11; width: 10px; height: 10px; cursor: ne-resize;