UNPKG

@europeana/portal

Version:
2 lines 14.8 kB
(window.webpackJsonp=window.webpackJsonp||[]).push([[87,14,115,116],{1102:function(t,e,r){"use strict";r.r(e);var n=r(672),o=r(693),c={name:"CompareImageSlider",components:{CiteAttribution:n.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:()=>({dragging:!1,imageWidth:0,sliderWidth:0,sliderPosition:.5,hideAttribution:null}),computed:{leftImageClip(){var t=this.imageWidth*this.sliderPosition;return{clip:"rect(auto, ".concat(t,"px, auto, auto)")}},sliderBarPosition(){var t=this.imageWidth*this.sliderPosition-this.sliderWidth/2;return{left:"".concat(t,"px")}}},beforeDestroy(){window.removeEventListener("touchmove",this.stopDrag),window.removeEventListener("mousemove",this.drag)},mounted(){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(){this.setImageWidth()},mousemove(t){this.drag(t)},mouseup(){this.stopDrag()},setImageWidth(){this.imageWidth=this.$refs.rightImage.$el.getBoundingClientRect().width},setSliderWidth(){this.sliderWidth=this.$refs.slider.getBoundingClientRect().width},initDrag(){this.dragging=!0},stopDrag(){this.dragging=!1},showHideAttribution(){this.sliderPosition<.2?this.hideAttribution="left":this.sliderPosition>.8?this.hideAttribution="right":this.hideAttribution=""},drag(t){if(this.dragging){var e=(t.touches?t.touches[0].pageX:t.pageX)-window.pageXOffset-this.$refs.rightImage.$el.getBoundingClientRect().left,r=0+this.sliderWidth/2,n=this.imageWidth-this.sliderWidth/2;e<r&&(e=r),e>n&&(e=n),this.sliderPosition=e/this.imageWidth,this.showHideAttribution()}}}},l=(r(937),r(40)),d=r(939),m=r.n(d),component=Object(l.a)(c,(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("figure",{ref:"container",staticClass:"compare-image-wrapper"},[r("div",{staticClass:"compare-image",attrs:{"data-qa":"compare image"}},[r("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(" "),r("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(" "),r("div",{ref:"slider",staticClass:"slider",style:t.sliderBarPosition,attrs:{"data-qa":"compare image slider"},on:{mousedown:t.initDrag,touchstart:t.initDrag}},[r("span",{staticClass:"slider-bar"}),t._v(" "),r("button",{staticClass:"slider-handle",class:{"is-active":t.dragging},attrs:{"data-qa":"compare image slider handler"}},[r("span",{staticClass:"sr-only"},[t._v(t._s(t.$t("imageSlider.handle")))])])])],1),t._v(" "),r("figcaption",[r("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(" "),r("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},647:function(t,e,r){"use strict";r.d(e,"d",(function(){return n})),r.d(e,"a",(function(){return o})),r.d(e,"c",(function(){return c})),r.d(e,"b",(function(){return l}));r(21),r(22),r(142),r(86),r(41);function n(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 r=new URL(t.url);for(var n in"image/jpeg"===t.contentType&&(e.fm="jpg",e.fl="progressive",e.q||(e.q=80)),e)r.searchParams.set(n,e[n]);return r.toString()}function c(image,t){return null!=image&&image.url&&n(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&&n(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}},656:function(t,e,r){"use strict";r(14),r(80),r(41);var n="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(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,n];break;case new RegExp("https?://creativecommons.org/licenses/by-sa/").test(t):e.name="CC BY-SA",e.iconClass=[o,n,f];break;case new RegExp("https?://creativecommons.org/licenses/by-nc/").test(t):e.name="CC BY-NC",e.iconClass=[o,n,l];break;case new RegExp("https?://creativecommons.org/licenses/by-nc-sa/").test(t):e.name="CC BY-NC-SA",e.iconClass=[o,n,l,f];break;case new RegExp("https?://creativecommons.org/licenses/by-nc-nd/").test(t):e.name="CC BY-NC-ND",e.iconClass=[o,n,l,d];break;case new RegExp("https?://creativecommons.org/licenses/by-nd/").test(t):e.name="CC BY-ND",e.iconClass=[o,n,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}}}},661:function(t,e,r){"use strict";r.r(e);var n={mixins:[r(656).a],props:{rightsStatementUrl:{type:String,required:!0},variant:{type:String,default:"icons"}}},o=r(40),component=Object(o.a)(n,(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("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 r("span",{key:t,staticClass:"license",class:t})})):r("span",{staticClass:"icon-license"}),t._v(" "),r("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},666:function(t,e){},672:function(t,e,r){"use strict";var n=r(661),o=r(159),c={name:"CiteAttribution",components:{RightsStatement:n.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(){return[this.name,this.creator,this.provider].filter(Boolean).join(", ")}}},l=r(40),d=r(666),m=r.n(d),component=Object(l.a)(c,(function(){var t=this,e=t.$createElement,r=t._self._c||e;return t.extended?r("cite",[t.name?r("p",[t._v(t._s(t.$t("attribution.title"))+"\n "),t.url?r("SmartLink",{attrs:{destination:t.url}},[t._v("\n "+t._s(t.name)+"\n ")]):r("span",[t._v("\n "+t._s(t.name)+"\n ")])],1):t._e(),t._v(" "),t.creator?r("p",[t._v(t._s(t.$t("attribution.creator"))+"\n "),t.url?r("SmartLink",{attrs:{destination:t.url}},[t._v("\n "+t._s(t.creator)+"\n ")]):r("span",[t._v("\n "+t._s(t.creator)+"\n ")])],1):t._e(),t._v(" "),t.provider?r("p",[t._v(t._s(t.$t("attribution.institution"))+"\n "),t.url?r("SmartLink",{attrs:{destination:t.url}},[t._v("\n "+t._s(t.provider)+"\n ")]):r("span",[t._v("\n "+t._s(t.provider)+"\n ")])],1):t._e(),t._v(" "),r("p",[r("SmartLink",{attrs:{destination:t.rightsStatement,"link-class":"attribution"}},[t.rightsStatement?r("RightsStatement",{attrs:{"rights-statement-url":t.rightsStatement}}):t._e()],1)],1)]):r("cite",[r("SmartLink",{attrs:{destination:t.url,"link-class":"attribution"}},[t._v("\n "+t._s(t.linkText)+"\n "),t.rightsStatement?r("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},693:function(t,e,r){"use strict";r.r(e);var n=r(647),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(){return this.width/this.height},optimisedWidth(){return null===this.maxWidth||this.width<=this.maxWidth?this.width:this.maxWidth},optimisedHeight(){return Math.round(this.optimisedWidth/this.aspectRatio)},optimisedSrc(){return"string"==typeof this.contentType&&Object(n.d)(this.src)?Object(n.a)({url:this.src,contentType:this.contentType},{w:this.maxWidth,q:this.quality}):this.src}}},c=r(40),component=Object(c.a)(o,(function(){var t=this,e=t.$createElement,r=t._self._c||e;return t.lazy?r("b-img-lazy",{attrs:{src:t.optimisedSrc,"blank-color":"#fff","blank-width":t.optimisedWidth,"blank-height":t.optimisedHeight,alt:t.alt}}):r("b-img",{attrs:{src:t.optimisedSrc,width:t.optimisedWidth,height:t.optimisedHeight,alt:t.alt}})}),[],!1,null,null,null);e.default=component.exports},803:function(t,e,r){var content=r(938);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,r(106).default)("75f9cd27",content,!0,{sourceMap:!1})},937:function(t,e,r){"use strict";r(803)},938:function(t,e,r){var n=r(105)(!1);n.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=n},939:function(t,e){}}]); //# sourceMappingURL=e38084e.modern.js.map