@europeana/portal
Version:
Europeana Portal
2 lines • 15 kB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[88,14,114,115],{1004:function(t,e,n){"use strict";n(875)},1005:function(t,e,n){var r=n(137)(!1);r.push([t.i,'figure[data-v-a8dbc07c]{display:inline-block}.compare-image[data-v-a8dbc07c]{position:relative;overflow:hidden}.compare-image img[data-v-a8dbc07c]{width:auto}.compare-image img[data-v-a8dbc07c]:nth-child(1){position:absolute;top:0;left:0}.compare-image .slider[data-v-a8dbc07c]{width:48px;height:100%;position:absolute;top:0;align-items:center;display:flex}.compare-image .slider .slider-handle[data-v-a8dbc07c]{position:absolute;background:rgba(255,255,255,.5);width:48px;height:48px;border:0;border-radius:50%;box-shadow:0 0 6px rgba(0,0,0,0)}.compare-image .slider .slider-handle.is-active[data-v-a8dbc07c]{background:rgba(255,255,255,.85)}.compare-image .slider .slider-handle[data-v-a8dbc07c]::before,.compare-image .slider .slider-handle[data-v-a8dbc07c]::after{content:"";position:absolute;width:10px;height:10px;top:50%;border-top:solid 2px;border-left:solid 2px;transform-origin:0 0}.compare-image .slider .slider-handle[data-v-a8dbc07c]::before{left:10px;transform:rotate(-45deg)}.compare-image .slider .slider-handle[data-v-a8dbc07c]::after{right:0;transform:rotate(135deg)}.compare-image .slider .slider-handle[data-v-a8dbc07c]:hover{box-shadow:0 0 3px rgba(0,0,0,.4)}.compare-image .slider .slider-handle[data-v-a8dbc07c]:hover::before{left:9px}.compare-image .slider .slider-handle[data-v-a8dbc07c]:hover::after{right:-1px}.compare-image+figcaption cite[data-v-a8dbc07c]{display:block;margin:0;position:static}.compare-image+figcaption cite[data-v-a8dbc07c]::before{content:attr(data-prefix);font-style:normal}@media(min-width: 992px){.compare-image+figcaption cite[data-v-a8dbc07c]{max-width:45%;position:absolute;transition:opacity .2s ease-out}.compare-image+figcaption cite[data-v-a8dbc07c]::before{display:none}.compare-image+figcaption cite[data-v-a8dbc07c]:nth-child(2){left:auto;margin-left:1rem;margin-right:0;right:1rem}.compare-image+figcaption .cite-hidden[data-v-a8dbc07c]{opacity:0}}',""]),t.exports=r},1006:function(t,e){},1173:function(t,e,n){"use strict";n.r(e);n(250);var r=n(740),o=n(759),c={name:"CompareImageSlider",components:{CiteAttribution:r.a,OptimisedImage:o.default},props:{leftImageSrc:{type:String,required:!0},leftImageContentType:{type:String,default:null},leftImageWidth:{type:Number,required:!0},leftImageHeight:{type:Number,required:!0},leftImageAttribution:{type:Object,required:!0},rightImageSrc:{type:String,required:!0},rightImageContentType:{type:String,default:null},rightImageWidth:{type:Number,required:!0},rightImageHeight:{type:Number,required:!0},rightImageAttribution:{type:Object,required:!0},lazy:{type:Boolean,default:!0}},data:function(){return{dragging:!1,imageWidth:0,sliderWidth:0,sliderPosition:.5,hideAttribution:null}},computed:{leftImageClip:function(){var t=this.imageWidth*this.sliderPosition;return{clip:"rect(auto, ".concat(t,"px, auto, auto)")}},sliderBarPosition:function(){var t=this.imageWidth*this.sliderPosition-this.sliderWidth/2;return{left:"".concat(t,"px")}}},beforeDestroy:function(){window.removeEventListener("touchmove",this.stopDrag),window.removeEventListener("mousemove",this.drag)},mounted:function(){this.setSliderWidth(),window.addEventListener("resize",this.resize),window.addEventListener("mousemove",this.mousemove),window.addEventListener("mouseup",this.mouseup),window.addEventListener("touchmove",this.mousemove),window.addEventListener("touchend",this.mouseup),this.$refs.rightImage.$el.addEventListener("load",this.setImageWidth)},methods:{resize:function(){this.setImageWidth()},mousemove:function(t){this.drag(t)},mouseup:function(){this.stopDrag()},setImageWidth:function(){this.imageWidth=this.$refs.rightImage.$el.getBoundingClientRect().width},setSliderWidth:function(){this.sliderWidth=this.$refs.slider.getBoundingClientRect().width},initDrag:function(){this.dragging=!0},stopDrag:function(){this.dragging=!1},showHideAttribution:function(){this.sliderPosition<.2?this.hideAttribution="left":this.sliderPosition>.8?this.hideAttribution="right":this.hideAttribution=""},drag:function(t){if(this.dragging){var e=(t.touches?t.touches[0].pageX:t.pageX)-window.pageXOffset-this.$refs.rightImage.$el.getBoundingClientRect().left,n=0+this.sliderWidth/2,r=this.imageWidth-this.sliderWidth/2;e<n&&(e=n),e>r&&(e=r),this.sliderPosition=e/this.imageWidth,this.showHideAttribution()}}}},l=(n(1004),n(59)),d=n(1006),m=n.n(d),component=Object(l.a)(c,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("figure",{ref:"container",staticClass:"compare-image-wrapper"},[n("div",{staticClass:"compare-image",attrs:{"data-qa":"compare image"}},[n("OptimisedImage",{ref:"leftImage",style:t.leftImageClip,attrs:{src:t.leftImageSrc,width:t.leftImageWidth,height:t.leftImageHeight,"content-type":t.leftImageContentType,"max-width":1100,lazy:t.lazy,"data-qa":"compare image left image"}}),t._v(" "),n("OptimisedImage",{ref:"rightImage",attrs:{src:t.rightImageSrc,width:t.rightImageWidth,height:t.rightImageHeight,"content-type":t.rightImageContentType,"max-width":1100,lazy:t.lazy,"data-qa":"compare image right image"}}),t._v(" "),n("div",{ref:"slider",staticClass:"slider",style:t.sliderBarPosition,attrs:{"data-qa":"compare image slider"},on:{mousedown:t.initDrag,touchstart:t.initDrag}},[n("span",{staticClass:"slider-bar"}),t._v(" "),n("button",{staticClass:"slider-handle",class:{"is-active":t.dragging},attrs:{"data-qa":"compare image slider handler"}},[n("span",{staticClass:"sr-only"},[t._v(t._s(t.$t("imageSlider.handle")))])])])],1),t._v(" "),n("figcaption",[n("CiteAttribution",{class:"left"===t.hideAttribution&&"cite-hidden",attrs:{name:t.leftImageAttribution.name,creator:t.leftImageAttribution.creator,provider:t.leftImageAttribution.provider,"rights-statement":t.leftImageAttribution.rightsStatement,url:t.leftImageAttribution.url,"data-qa":"compare image left attribution","data-prefix":t.$t("directions.left")}}),t._v(" "),n("CiteAttribution",{class:"right"===t.hideAttribution&&"cite-hidden",attrs:{name:t.rightImageAttribution.name,creator:t.rightImageAttribution.creator,provider:t.rightImageAttribution.provider,"rights-statement":t.rightImageAttribution.rightsStatement,url:t.rightImageAttribution.url,"data-qa":"compare image right attribution","data-prefix":t.$t("directions.right")}})],1)])}),[],!1,null,"a8dbc07c",null);"function"==typeof m.a&&m()(component);e.default=component.exports},714:function(t,e,n){"use strict";n.d(e,"d",(function(){return r})),n.d(e,"a",(function(){return o})),n.d(e,"c",(function(){return c})),n.d(e,"b",(function(){return l}));n(10),n(43),n(46),n(177),n(112),n(60),n(50),n(30),n(316);function r(t){return"images.ctfassets.net"===new URL(t).host}function o(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(null==t||!t.url)return null;var n=new URL(t.url);for(var r in"image/jpeg"===t.contentType&&(e.fm="jpg",e.fl="progressive",e.q||(e.q=80)),e)n.searchParams.set(r,e[r]);return n.toString()}function c(image,t){return null!=image&&image.url&&r(image.url)&&t?["".concat(o(image,t.small)," ").concat(t.small.w,"w"),"".concat(o(image,t.medium)," ").concat(t.medium.w,"w"),"".concat(o(image,t.large)," ").concat(t.large.w,"w"),"".concat(o(image,t.xl)," ").concat(t.xl.w,"w"),"".concat(o(image,t.xxl)," ").concat(t.xxl.w,"w"),"".concat(o(image,t.xxxl)," ").concat(t.xxxl.w,"w"),"".concat(o(image,t.wqhd)," ").concat(t.wqhd.w,"w"),"".concat(o(image,t["4k"])," ").concat(t["4k"].w,"w")].join(","):null!=image&&image.url?image.url:null}function l(image,t){return image.url&&r(image.url)&&t?{"--bg-img-small":"url('".concat(o(image,t.small),"')"),"--bg-img-medium":"url('".concat(o(image,t.medium),"')"),"--bg-img-large":"url('".concat(o(image,t.large),"')"),"--bg-img-xl":"url('".concat(o(image,t.xl),"')"),"--bg-img-xxl":"url('".concat(o(image,t.xxl),"')"),"--bg-img-xxxl":"url('".concat(o(image,t.xxxl),"')"),"--bg-img-wqhd":"url('".concat(o(image,t.wqhd),"')"),"--bg-img-4k":"url('".concat(o(image,t["4k"]),"')")}:image.url?{"--bg-img-small":"url('".concat(image.url,"')")}:null}},725:function(t,e,n){"use strict";n(21),n(107),n(60);var r="icon-license-by",o="icon-license-cc",c="icon-license-rs-yes",l="icon-license-nc",d="icon-license-nd",m="icon-license-rs-no",h="icon-license-rr",f="icon-license-sa";e.a={methods:{rightsNameAndIcon:function(t){var e={};switch(!0){case new RegExp("https?://creativecommons.org/(licenses/)?publicdomain/mark").test(t):e.name="Public Domain",e.iconClass=["icon-license-pd"];break;case new RegExp("https?://creativecommons.org/(licenses/)?publicdomain/zero").test(t):e.name="CC0",e.iconClass=["icon-license-zero"];break;case new RegExp("https?://creativecommons.org/licenses/by/").test(t):e.name="CC BY",e.iconClass=[o,r];break;case new RegExp("https?://creativecommons.org/licenses/by-sa/").test(t):e.name="CC BY-SA",e.iconClass=[o,r,f];break;case new RegExp("https?://creativecommons.org/licenses/by-nc/").test(t):e.name="CC BY-NC",e.iconClass=[o,r,l];break;case new RegExp("https?://creativecommons.org/licenses/by-nc-sa/").test(t):e.name="CC BY-NC-SA",e.iconClass=[o,r,l,f];break;case new RegExp("https?://creativecommons.org/licenses/by-nc-nd/").test(t):e.name="CC BY-NC-ND",e.iconClass=[o,r,l,d];break;case new RegExp("https?://creativecommons.org/licenses/by-nd/").test(t):e.name="CC BY-ND",e.iconClass=[o,r,d];break;case new RegExp("https?://rightsstatements.org/(vocab|page)/InC-EDU/").test(t):e.name="In Copyright - Educational Use Permitted",e.iconClass=[c];break;case new RegExp("https?://rightsstatements.org/(vocab|page)/NoC-NC/").test(t):case new RegExp("https?://www.europeana.eu/rights/out-of-copyright-non-commercial/").test(t):e.name="No Copyright - Non-Commercial Use Only",e.iconClass=[m];break;case new RegExp("https?://rightsstatements.org/(vocab|page)/NoC-OKLR/").test(t):e.name="No Copyright - Other Known Legal Restrictions",e.iconClass=[m];break;case new RegExp("https?://www.europeana.eu/rights/rr-f/").test(t):e.name="Rights Reserved - Free Access",e.iconClass=[h];break;case new RegExp("https?://www.europeana.eu/rights/rr-p/").test(t):e.name="Rights Reserved - Paid Access",e.iconClass=[h];break;case new RegExp("https?://www.europeana.eu/rights/rr-r/").test(t):e.name="Rights Reserved - Restricted Access",e.iconClass=[h];break;case new RegExp("https?://www.europeana.eu/rights/unknown/").test(t):e.name="Unknown copyright status",e.iconClass=[];break;case new RegExp("https?://rightsstatements.org/(vocab|page)/InC/").test(t):e.name="In Copyright",e.iconClass=[c];break;case new RegExp("https?://rightsstatements.org/(vocab|page)/InC-OW-EU/").test(t):e.name="In Copyright - EU Orphan Work",e.iconClass=[c];break;case new RegExp("https?://rightsstatements.org/(vocab|page)/CNE/").test(t):e.name="Copyright Not Evaluated",e.iconClass=["icon-license-rs-unknown"];break;default:e.name=t}return e}}}},730:function(t,e,n){"use strict";n.r(e);var r={mixins:[n(725).a],props:{rightsStatementUrl:{type:String,required:!0},variant:{type:String,default:"icons"}}},o=n(59),component=Object(o.a)(r,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("span",{staticClass:"license-label d-inline-flex align-items-center",class:{"text-uppercase":"simple"===t.variant},attrs:{"data-qa":"rights statement"}},["icons"===t.variant?t._l(t.rightsNameAndIcon(t.rightsStatementUrl).iconClass,(function(t){return n("span",{key:t,staticClass:"license",class:t})})):n("span",{staticClass:"icon-license"}),t._v(" "),n("span",{staticClass:"license-label-text"},[t._v("\n "+t._s(t.rightsNameAndIcon(t.rightsStatementUrl).name)+"\n ")])],2)}),[],!1,null,null,null);e.default=component.exports},734:function(t,e){},740:function(t,e,n){"use strict";n(50),n(13),n(10),n(34);var r=n(730),o=n(203),c={name:"CiteAttribution",components:{RightsStatement:r.default,SmartLink:o.a},props:{name:{type:String,default:null},creator:{type:String,default:null},provider:{type:String,default:null},rightsStatement:{type:String,required:!0},url:{type:String,default:null},extended:{type:Boolean,default:!1}},computed:{linkText:function(){return[this.name,this.creator,this.provider].filter(Boolean).join(", ")}}},l=n(59),d=n(734),m=n.n(d),component=Object(l.a)(c,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.extended?n("cite",[t.name?n("p",[t._v(t._s(t.$t("attribution.title"))+"\n "),t.url?n("SmartLink",{attrs:{destination:t.url}},[t._v("\n "+t._s(t.name)+"\n ")]):n("span",[t._v("\n "+t._s(t.name)+"\n ")])],1):t._e(),t._v(" "),t.creator?n("p",[t._v(t._s(t.$t("attribution.creator"))+"\n "),t.url?n("SmartLink",{attrs:{destination:t.url}},[t._v("\n "+t._s(t.creator)+"\n ")]):n("span",[t._v("\n "+t._s(t.creator)+"\n ")])],1):t._e(),t._v(" "),t.provider?n("p",[t._v(t._s(t.$t("attribution.institution"))+"\n "),t.url?n("SmartLink",{attrs:{destination:t.url}},[t._v("\n "+t._s(t.provider)+"\n ")]):n("span",[t._v("\n "+t._s(t.provider)+"\n ")])],1):t._e(),t._v(" "),n("p",[n("SmartLink",{attrs:{destination:t.rightsStatement,"link-class":"attribution"}},[t.rightsStatement?n("RightsStatement",{attrs:{"rights-statement-url":t.rightsStatement}}):t._e()],1)],1)]):n("cite",[n("SmartLink",{attrs:{destination:t.url,"link-class":"attribution"}},[t._v("\n "+t._s(t.linkText)+"\n "),t.rightsStatement?n("RightsStatement",{attrs:{"rights-statement-url":t.rightsStatement}}):t._e()],1)],1)}),[],!1,null,null,null);"function"==typeof m.a&&m()(component);e.a=component.exports},759:function(t,e,n){"use strict";n.r(e);n(250);var r=n(714),o={name:"OptimisedImage",props:{src:{type:String,required:!0},width:{type:Number,required:!0},height:{type:Number,required:!0},alt:{type:String,default:""},contentType:{type:String,default:null},quality:{type:Number,default:80},maxWidth:{type:Number,default:null},lazy:{type:Boolean,default:!0}},computed:{aspectRatio:function(){return this.width/this.height},optimisedWidth:function(){return null===this.maxWidth||this.width<=this.maxWidth?this.width:this.maxWidth},optimisedHeight:function(){return Math.round(this.optimisedWidth/this.aspectRatio)},optimisedSrc:function(){return"string"==typeof this.contentType&&Object(r.d)(this.src)?Object(r.a)({url:this.src,contentType:this.contentType},{w:this.maxWidth,q:this.quality}):this.src}}},c=n(59),component=Object(c.a)(o,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.lazy?n("b-img-lazy",{attrs:{src:t.optimisedSrc,"blank-color":"#fff","blank-width":t.optimisedWidth,"blank-height":t.optimisedHeight,alt:t.alt}}):n("b-img",{attrs:{src:t.optimisedSrc,width:t.optimisedWidth,height:t.optimisedHeight,alt:t.alt}})}),[],!1,null,null,null);e.default=component.exports},875:function(t,e,n){var content=n(1005);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,n(138).default)("75f9cd27",content,!0,{sourceMap:!1})}}]);
//# sourceMappingURL=4a77836.js.map