(window.webpackJsonpNewland_Toubiz_Poi_Neos=window.webpackJsonpNewland_Toubiz_Poi_Neos||[]).push([[130,157],{"6ufP":function(t,e,i){"use strict";i.r(e);var n=function(){var t=this.$createElement;return(this._self._c||t)("img",{directives:[{name:"lazy",rawName:"v-lazy",value:{src:this.src,loading:this.dataUrl,error:this.dataUrl},expression:"{\n        src: src,\n        loading: dataUrl,\n        error: dataUrl,\n    }"}],style:this.style,attrs:{alt:this.alt}})};n._withStripped=!0;var o=i("L7nb"),s={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:""}},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"),t}}},r=i("KHd+"),l=Object(r.a)(s,n,[],!1,null,null,null);l.options.__file="node_modules/@newland/toubiz-widget/src/components/basic/tb-w-lazyloaded-image.vue";e.default=l.exports},L7nb:function(t,e,i){"use strict";i.r(e),i.d(e,"lazyLoadPreviewDataUrl",(function(){return a}));var n=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)}})};n._withStripped=!0;var o=i("7yoQ");function s(t,e,i,n){return`\n    <radialGradient id="${t}" cx="${e}" cy="${i}" r="1">\n        <stop offset="0" stop-color="${n}" stop-opacity="1" />\n        <stop offset="100%" stop-color="${n}" stop-opacity="0" />\n    </radialGradient>\n`}function r(t){return`\n    <rect x="0" y="0" width="100" height="100" fill="url('#${t}')" />\n`}function l(t){const e=Math.random().toString(26).substr(2);return`\n    ${s(`lazy-${e}-topleft`,0,0,t.topleft)}\n    ${s(`lazy-${e}-topright`,1,0,t.topright)}\n    ${s(`lazy-${e}-bottomleft`,0,1,t.bottomleft)}\n    ${s(`lazy-${e}-bottomright`,1,1,t.bottomright)}\n    ${s(`lazy-${e}-center`,.5,.5,t.center)}\n\n    ${r(`lazy-${e}-topleft`)}\n    ${r(`lazy-${e}-topright`)}\n    ${r(`lazy-${e}-bottomleft`)}\n    ${r(`lazy-${e}-bottomright`)}\n    ${r(`lazy-${e}-center`)}\n`}function a(t){if(!h(t))return"";const e=`\n        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none">\n            ${l(t)}\n        </svg>\n    `.trim().replace(/\s+/g," ");return"data:image/svg+xml;base64,"+Object(o.b)(e)}function h(t){const e=["topleft","topright","bottomleft","bottomright","center"],i=[];for(const n of e)t[n]||i.push(n);return!(i.length>0)||(console.warn(`\n        The following colors must be provided: [${e.join(",")}]\n        but the following were not given: [${i.join(",")}]\n    `),!1)}var d={props:{colors:{type:Object,required:!0,validator:h}},data:()=>({svg:""}),watch:{colors:{deep:!0,immediate:!0,handler(t){this.svg=l(t)}}}},c=i("KHd+"),u=Object(c.a)(d,n,[],!1,null,null,null);u.options.__file="node_modules/@newland/toubiz-widget/src/components/basic/tb-w-lazyload-preview.vue";e.default=u.exports}}]);