(window.webpackJsonpNewland_Toubiz_Poi_Neos=window.webpackJsonpNewland_Toubiz_Poi_Neos||[]).push([[186,194],{"6ufP":function(t,e,n){"use strict";n.r(e);var i=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.isLazyLoadedActive?n("img",{directives:[{name:"lazy",rawName:"v-lazy",value:{src:t.src,loading:t.dataUrl,error:t.dataUrl},expression:"{\n        src: src,\n        loading: dataUrl,\n        error: dataUrl,\n    }"}],style:t.style,attrs:{alt:t.alt}}):n("img",{style:t.style,attrs:{src:t.src,alt:t.alt,fetchpriority:"high"}})};i._withStripped=!0;var o=n("L7nb"),r={props:{src:{type:String,required:!0},colors:{type:Object,default:null},width:{type:Number,default:null},height:{type:Number,default:null},ratio:{type:Number,default:null},alt:{type:String,default:""},focusPoint:{type:Object,default:null},isLazyLoadedActive:{type:Boolean,default:!0}},data:()=>({dataUrl:null,dimensions:{width:null,height:null}}),created(){this.colors&&(this.dataUrl=Object(o.lazyLoadPreviewDataUrl)(this.colors)),this.dimensions.width=this.width,this.dimensions.height=this.height,this.ratio&&this.width&&!this.height&&(this.dimensions.height=this.width/this.ratio),this.ratio&&!this.width&&this.height&&(this.dimensions.width=this.height*this.ratio)},computed:{style(){const t={};return this.dimensions.width&&(t.width=this.dimensions.width+"px"),this.dimensions.height&&(t.height=this.dimensions.height+"px"),this.focusPoint&&(t.objectPosition=`${this.focusPoint.x}% ${this.focusPoint.y}%`),t}}},s=n("KHd+"),a=Object(s.a)(r,i,[],!1,null,null,null);a.options.__file="node_modules/@newland/toubiz-widget/src/components/basic/tb-w-lazyloaded-image.vue";e.default=a.exports},"7yoQ":function(t,e,n){"use strict";(function(t){n.d(e,"b",(function(){return o})),n.d(e,"a",(function(){return r}));var i=n("6dQ1");function o(e){return Object(i.b)()?t.from(e,"utf-8").toString("base64"):btoa(e)}function r(e){return Object(i.b)()?t.from(e,"base64").toString("utf-8"):atob(e)}}).call(this,n("tjlA").Buffer)},"KHd+":function(t,e,n){"use strict";function i(t,e,n,i,o,r,s,a){var l,d="function"==typeof t?t.options:t;if(e&&(d.render=e,d.staticRenderFns=n,d._compiled=!0),i&&(d.functional=!0),r&&(d._scopeId="data-v-"+r),s?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(s)},d._ssrRegister=l):o&&(l=a?function(){o.call(this,(d.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(d.functional){d._injectStyles=l;var c=d.render;d.render=function(t,e){return l.call(e),c(t,e)}}else{var h=d.beforeCreate;d.beforeCreate=h?[].concat(h,l):[l]}return{exports:t,options:d}}n.d(e,"a",(function(){return i}))},L7nb:function(t,e,n){"use strict";n.r(e),n.d(e,"lazyLoadPreviewDataUrl",(function(){return l}));var i=function(){var t=this.$createElement;return(this._self._c||t)("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100",preserveAspectRatio:"none"},domProps:{innerHTML:this._s(this.svg)}})};i._withStripped=!0;var o=n("7yoQ");function r(t,e,n,i){return`\n    <radialGradient id="${t}" cx="${e}" cy="${n}" r="1">\n        <stop offset="0" stop-color="${i}" stop-opacity="1" />\n        <stop offset="100%" stop-color="${i}" stop-opacity="0" />\n    </radialGradient>\n`}function s(t){return`\n    <rect x="0" y="0" width="100" height="100" fill="url('#${t}')" />\n`}function a(t){const e=Math.random().toString(26).substr(2);return`\n    ${r(`lazy-${e}-topleft`,0,0,t.topleft)}\n    ${r(`lazy-${e}-topright`,1,0,t.topright)}\n    ${r(`lazy-${e}-bottomleft`,0,1,t.bottomleft)}\n    ${r(`lazy-${e}-bottomright`,1,1,t.bottomright)}\n    ${r(`lazy-${e}-center`,.5,.5,t.center)}\n\n    ${s(`lazy-${e}-topleft`)}\n    ${s(`lazy-${e}-topright`)}\n    ${s(`lazy-${e}-bottomleft`)}\n    ${s(`lazy-${e}-bottomright`)}\n    ${s(`lazy-${e}-center`)}\n`}function l(t){if(!d(t))return"";const e=`\n        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">\n            ${a(t)}\n        </svg>\n    `.trim().replace(/\s+/g," ");return"data:image/svg+xml;base64,"+Object(o.b)(e)}function d(t){const e=["topleft","topright","bottomleft","bottomright","center"],n=[];for(const i of e)t[i]||n.push(i);return!(n.length>0)||(console.warn(`\n        The following colors must be provided: [${e.join(",")}]\n        but the following were not given: [${n.join(",")}]\n    `),!1)}var c={props:{colors:{type:Object,required:!0,validator:d}},data:()=>({svg:""}),watch:{colors:{deep:!0,immediate:!0,handler(t){this.svg=a(t)}}}},h=n("KHd+"),u=Object(h.a)(c,i,[],!1,null,null,null);u.options.__file="node_modules/@newland/toubiz-widget/src/components/basic/tb-w-lazyload-preview.vue";e.default=u.exports}}]);