(function (t) { function e(e) { for ( var o, n, r = e[0], c = e[1], l = e[2], u = 0, m = []; u < r.length; u++ ) (n = r[u]), Object.prototype.hasOwnProperty.call(a, n) && a[n] && m.push(a[n][0]), (a[n] = 0); for (o in c) Object.prototype.hasOwnProperty.call(c, o) && (t[o] = c[o]); d && d(e); while (m.length) m.shift()(); return s.push.apply(s, l || []), i(); } function i() { for (var t, e = 0; e < s.length; e++) { for (var i = s[e], o = !0, n = 1; n < i.length; n++) { var c = i[n]; 0 !== a[c] && (o = !1); } o && (s.splice(e--, 1), (t = r((r.s = i[0])))); } return t; } var o = {}, a = { app: 0 }, s = []; function n(t) { return ( r.p + "js/" + ({ about: "about" }[t] || t) + "." + { about: "1b319126" }[t] + ".js" ); } function r(e) { if (o[e]) return o[e].exports; var i = (o[e] = { i: e, l: !1, exports: {} }); return t[e].call(i.exports, i, i.exports, r), (i.l = !0), i.exports; } (r.e = function (t) { var e = [], i = a[t]; if (0 !== i) if (i) e.push(i[2]); else { var o = new Promise(function (e, o) { i = a[t] = [e, o]; }); e.push((i[2] = o)); var s, c = document.createElement("script"); (c.charset = "utf-8"), (c.timeout = 120), r.nc && c.setAttribute("nonce", r.nc), (c.src = n(t)); var l = new Error(); s = function (e) { (c.onerror = c.onload = null), clearTimeout(u); var i = a[t]; if (0 !== i) { if (i) { var o = e && ("load" === e.type ? "missing" : e.type), s = e && e.target && e.target.src; (l.message = "Loading chunk " + t + " failed.\n(" + o + ": " + s + ")"), (l.name = "ChunkLoadError"), (l.type = o), (l.request = s), i[1](l); } a[t] = void 0; } }; var u = setTimeout(function () { s({ type: "timeout", target: c }); }, 12e4); (c.onerror = c.onload = s), document.head.appendChild(c); } return Promise.all(e); }), (r.m = t), (r.c = o), (r.d = function (t, e, i) { r.o(t, e) || Object.defineProperty(t, e, { enumerable: !0, get: i }); }), (r.r = function (t) { "undefined" !== typeof Symbol && Symbol.toStringTag && Object.defineProperty(t, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(t, "__esModule", { value: !0 }); }), (r.t = function (t, e) { if ((1 & e && (t = r(t)), 8 & e)) return t; if (4 & e && "object" === typeof t && t && t.__esModule) return t; var i = Object.create(null); if ( (r.r(i), Object.defineProperty(i, "default", { enumerable: !0, value: t }), 2 & e && "string" != typeof t) ) for (var o in t) r.d( i, o, function (e) { return t[e]; }.bind(null, o) ); return i; }), (r.n = function (t) { var e = t && t.__esModule ? function () { return t["default"]; } : function () { return t; }; return r.d(e, "a", e), e; }), (r.o = function (t, e) { return Object.prototype.hasOwnProperty.call(t, e); }), (r.p = "/"), (r.oe = function (t) { throw (console.error(t), t); }); var c = (window["webpackJsonp"] = window["webpackJsonp"] || []), l = c.push.bind(c); (c.push = e), (c = c.slice()); for (var u = 0; u < c.length; u++) e(c[u]); var d = l; s.push([0, "chunk-vendors"]), i(); })({ 0: function (t, e, i) { t.exports = i("56d7"); }, "0286": function (t, e, i) { "use strict"; var o = i("5b33"), a = i.n(o); a.a; }, "03a8": function (t, e, i) {}, "09e0": function (t, e, i) {}, "0eba": function (t, e, i) { t.exports = i.p + "img/ellipsis.352e838b.svg"; }, "0ebad": function (t, e, i) { "use strict"; var o = i("5bdb"), a = i.n(o); a.a; }, "0f9e": function (t, e, i) { "use strict"; var o = i("d162"), a = i.n(o); a.a; }, 1069: function (t, e, i) { "use strict"; var o = i("3190"), a = i.n(o); a.a; }, "10d4": function (t, e, i) { t.exports = i.p + "img/map_marker.b8c725db.svg"; }, "115b": function (t) { t.exports = JSON.parse( '{"our-visualizer":"Our Visualizer","visualizer":"Visualizer","preview":"Preview","hotline":"Hotline","compare":"Compare","compare-room":"Compare Room","select-room":"Select Room","nearest-location":"Nearest Location","share":"Share","load":"Load","reset":"Reset","delete":"Delete","save-bookmark":"Save Bookmark","see-more":"see more","empty-bookmark":"You haven\'t save any bookmark.","bookmarked-room":"Bookmarked Room","drop-room":"Drop room here to compare.","find-dealer":"Find vicostone authorised dealer near you within ","landing-desc":"This function helps you to combine different products to find the best choice for your interior designs. Select a room and visualize your dream home by clicking on the surface and choosing the designs you want.","order-sample":"Order sample","header":{"menu":"Menu","room":"Room","gallery-bookmark":"Gallery Bookmark","bookmark-room":"Bookmark Room","nearest-dealer":"Nearest Dealer","contact-us":"Contact Us","contact":"Contact","view-all":"View All","share":"Share","find":"Find"},"alert":{"warning":"Warning!","success":"Success!","info":"Info","cancel-save":"You cancelled to save!","success-delete":"Success to Delete!","bookmark-name":"Insert bookmark name:","no-product":"Sorry, there\'s no product available. Try to change the filter or pick other surface.","found-product":"Found product available based on the filter.","zero-surface-warning":"There has to be at least one surface on a picker selected to save bookmark.","placeholder-bookmark-name":"Enter your bookmark name here:","success-bookmark-save":"Success to save bookmark ","success-copy-clipboard":"The URL has been copied to clipboard.","fail-copy-clipboard":"Failed to copy URL.","no-dealer-found":"No dealer found within this radius!"},"picker":{"customize-for":"Customize for","search-product":"Search Product...","selected-material":"Selected Material","filter":"Filter","cancel":"Cancel","coating":"Coating","surface":"Surface","collection":"Collection","hue":"Hue","choose-collection":"Choose Collection","apply-filter":"Apply Filter","reset-filter":"Reset Filter","choose-surface":"Choose Surface"},"entity":{"room":"room","as":"as","product":"product","picker":"picker","location":"location","bookmark":"bookmark"}}' ); }, "11a1": function (t, e, i) {}, 1471: function (t, e, i) { t.exports = i.p + "img/detail-info.ee10c315.svg"; }, 1670: function (t, e, i) { t.exports = i.p + "img/mini-close.97b2bee9.svg"; }, "194d": function (t, e, i) {}, 1960: function (t, e, i) { t.exports = i.p + "img/close-landing.aebfd96f.svg"; }, "1a36": function (t, e, i) {}, "1a6c": function (t, e, i) { "use strict"; var o = i("03a8"), a = i.n(o); a.a; }, "1bd2": function (t, e, i) {}, "1bee": function (t, e, i) { t.exports = i.p + "img/chosen.7c0ffd39.svg"; }, "1dc7": function (t, e, i) { t.exports = i.p + "img/twt-grey.9c55e473.svg"; }, "1f69": function (t, e, i) { t.exports = i.p + "img/menu.f0851c6a.svg"; }, "1f7e": function (t, e, i) { t.exports = i.p + "img/twt.cf27e9d0.svg"; }, "210c": function (t) { t.exports = JSON.parse( '{"our-visualizer":"Visualizer Kami","preview":"Pratinjau","compare":"Bandingkan","share":"Bagikan","landing-desc":"Fungsi ini membantu Anda menggabungkan berbagai produk untuk menemukan pilihan terbaik untuk desain interior Anda. Pilih ruangan dan visualisasikan rumah impian Anda dengan mengklik pada permukaan dan memilih desain yang Anda inginkan..","header":{"menu":"Menu","room":"Kamar","gallery-bookmark":"Galeri Bookmark","bookmark-room":"Simpan Bookmark","nearest-dealer":"Toko Terdekat","view-all":"Lihat Semua","share":"Bagikan","find":"Temukan"}}' ); }, "21a4": function (t, e, i) { "use strict"; var o = i("75e0"), a = i.n(o); a.a; }, "23b7": function (t, e, i) { "use strict"; var o = i("ae5a"), a = i.n(o); a.a; }, "266a": function (t, e, i) {}, "2be0": function (t, e, i) {}, "2d78": function (t, e, i) {}, 3190: function (t, e, i) {}, "31fa": function (t, e, i) { t.exports = i.p + "img/bar.2ed27945.svg"; }, "39cf": function (t, e, i) { t.exports = i.p + "img/lp-hz.88b8b47d.svg"; }, "3a27": function (t, e, i) {}, "409b": function (t, e, i) { t.exports = i.p + "img/bookmark.cb6c9679.svg"; }, "412b": function (t, e, i) { t.exports = i.p + "img/fb.06004aa5.svg"; }, "44ec": function (t, e, i) { "use strict"; var o = i("6b9a"), a = i.n(o); a.a; }, 4502: function (t, e, i) { // t.exports = i.p + "img/mini-logo.97047f6f.png"; t.exports = i.p + "img/logo_eco_surfaces.png"; }, "49c8": function (t, e, i) { t.exports = i.p + "img/X.b902be85.svg"; }, "49f8": function (t, e, i) { var o = { "./en.json": "edd4", "./fr-ca.json": "76c4", "./fr.json": "f693", "./id.json": "210c", "./jp.json": "9e97", "./th.json": "8680", "./us.json": "115b", "./vi-vn.json": "f563", }; function a(t) { var e = s(t); return i(e); } function s(t) { if (!i.o(o, t)) { var e = new Error("Cannot find module '" + t + "'"); throw ((e.code = "MODULE_NOT_FOUND"), e); } return o[t]; } (a.keys = function () { return Object.keys(o); }), (a.resolve = s), (t.exports = a), (a.id = "49f8"); }, "4a85": function (t, e, i) { t.exports = i.p + "img/lp-fb.059dc71f.svg"; }, "4c22": function (t, e, i) { "use strict"; var o = i("ec03"), a = i.n(o); a.a; }, "4f1b": function (t, e, i) { t.exports = i.p + "img/mail.c9fd1d4c.svg"; }, "51b1": function (t, e, i) {}, "56d7": function (t, e, i) { "use strict"; i.r(e); i("e260"), i("e6cf"), i("cca6"), i("a79d"); var o = i("2b0e"), a = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i( "div", { attrs: { id: "app" } }, [i("router-view", { key: t.$route.fullPath })], 1 ); }, s = [], n = i("2877"), r = {}, c = Object(n["a"])(r, a, s, !1, null, null, null), l = c.exports, u = i("a925"), d = i("df76"), m = i("c28b"), h = i.n(m), p = i("5f5b"), g = i("b1e0"), f = (i("f9e3"), i("2dd8"), i("1a36"), i("4413"), i("d3b7"), i("8c4f")), b = function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "div", { staticClass: "home" }, [ o("img", { attrs: { alt: "Vue logo", src: i("cf05") } }), o("HelloWorld", { attrs: { msg: "Welcome to Your Vue.js App" } }), ], 1 ); }, v = [], k = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i( "div", { staticClass: "hello" }, [ i("b-breadcrumb", { attrs: { items: t.items } }), i("h1", [t._v(t._s(t.msg))]), t._m(0), i("h3", [t._v("Installed CLI Plugins")]), t._m(1), i("h3", [t._v("Essential Links")]), t._m(2), i("h3", [t._v("Ecosystem")]), t._m(3), ], 1 ); }, _ = [ function () { var t = this, e = t.$createElement, i = t._self._c || e; return i("p", [ t._v( " For a guide and recipes on how to configure / customize this project," ), i("br"), t._v(" check out the "), i( "a", { attrs: { href: "https://cli.vuejs.org", target: "_blank", rel: "noopener", }, }, [t._v("vue-cli documentation")] ), t._v(". "), ]); }, function () { var t = this, e = t.$createElement, i = t._self._c || e; return i("ul", [ i("li", [ i( "a", { attrs: { href: "https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel", target: "_blank", rel: "noopener", }, }, [t._v("babel")] ), ]), i("li", [ i( "a", { attrs: { href: "https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint", target: "_blank", rel: "noopener", }, }, [t._v("eslint")] ), ]), ]); }, function () { var t = this, e = t.$createElement, i = t._self._c || e; return i("ul", [ i("li", [ i( "a", { attrs: { href: "https://vuejs.org", target: "_blank", rel: "noopener", }, }, [t._v("Core Docs")] ), ]), i("li", [ i( "a", { attrs: { href: "https://forum.vuejs.org", target: "_blank", rel: "noopener", }, }, [t._v("Forum")] ), ]), i("li", [ i( "a", { attrs: { href: "https://chat.vuejs.org", target: "_blank", rel: "noopener", }, }, [t._v("Community Chat")] ), ]), i("li", [ i( "a", { attrs: { href: "https://twitter.com/vuejs", target: "_blank", rel: "noopener", }, }, [t._v("Twitter")] ), ]), i("li", [ i( "a", { attrs: { href: "https://news.vuejs.org", target: "_blank", rel: "noopener", }, }, [t._v("News")] ), ]), ]); }, function () { var t = this, e = t.$createElement, i = t._self._c || e; return i("ul", [ i("li", [ i( "a", { attrs: { href: "https://router.vuejs.org", target: "_blank", rel: "noopener", }, }, [t._v("vue-router")] ), ]), i("li", [ i( "a", { attrs: { href: "https://vuex.vuejs.org", target: "_blank", rel: "noopener", }, }, [t._v("vuex")] ), ]), i("li", [ i( "a", { attrs: { href: "https://github.com/vuejs/vue-devtools#vue-devtools", target: "_blank", rel: "noopener", }, }, [t._v("vue-devtools")] ), ]), i("li", [ i( "a", { attrs: { href: "https://vue-loader.vuejs.org", target: "_blank", rel: "noopener", }, }, [t._v("vue-loader")] ), ]), i("li", [ i( "a", { attrs: { href: "https://github.com/vuejs/awesome-vue", target: "_blank", rel: "noopener", }, }, [t._v("awesome-vue")] ), ]), ]); }, ], C = { name: "HelloWorld", props: { msg: String }, data: function () { return { items: [ { text: "Admin", href: "#" }, { text: "Manage", href: "#" }, { text: "Library", active: !0 }, ], }; }, }, y = C, w = (i("aaf5"), Object(n["a"])(y, k, _, !1, null, "ebfe179a", null)), S = w.exports, x = { name: "home", components: { HelloWorld: S } }, $ = x, P = Object(n["a"])($, b, v, !1, null, null, null), z = P.exports, M = function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { staticStyle: { "overflow-x": "hidden" } }, [ o( "div", { staticClass: "max1024" }, [ o( "div", { staticClass: "landing-header d-flex justify-content-between align-items-center", }, [ o("img", { attrs: { src: i("4502") } }), o("img", { staticStyle: { height: "12px" }, attrs: { src: i("713e") }, on: { click: function (e) { t.mobileSidebar = !0; }, }, }), ] ), void 0 != t.photos && t.photos.length > 0 ? o( "div", { staticClass: "d-flex flex-column", staticStyle: {} }, [ o( "b-carousel", { staticStyle: { "text-shadow": "1px 1px 2px #333", "z-index": "10", }, attrs: { id: "carousel-1", interval: 0, controls: "", background: "#ababab", "img-width": t.sliderWidth, "img-height": "50vh", }, on: { "sliding-start": t.onSlideStart, "sliding-end": t.onSlideEnd, }, model: { value: t.slide, callback: function (e) { t.slide = e; }, expression: "slide", }, }, [ t._l(t.photos, function (e) { return o( "span", { key: "slide_" + e.id }, [ o("b-carousel-slide", { scopedSlots: t._u( [ { key: "img", fn: function () { return [ o( "router-link", { attrs: { to: { name: "visualizerPage", params: { id: e.id }, }, }, }, [ o("img", { staticClass: "d-block img-fluid landing-page-slider-mobile", style: { width: t.clientWidth + "px", }, attrs: { src: e.thumbnail, alt: "image slot", }, }), ] ), ]; }, proxy: !0, }, ], null, !0 ), }), ], 1 ); }), o("div", { staticClass: "page-number" }, [ t._v( t._s(t.slide + 1) + " / " + t._s(t.photos.length) ), ]), ], 2 ), o( "div", { staticClass: "d-flex align-items-center mt-4", staticStyle: { "background-color": "white", width: "100vw", }, }, [ o( "div", { staticClass: "align-self-center" }, [ o("div", { staticClass: "vdesc p-2" }, [ o( "h3", { staticClass: "mb-3", staticStyle: { "font-size": "24px" }, }, [t._v("Vicostone Australia")] ), o("span", [t._v(t._s(t.$t("landing-desc")))]), ]), o( "router-link", { attrs: { to: { name: "visualizerPage", params: { id: t.activeRoom.id, market: t.currentMarket, }, }, }, }, [ o("img", { style: { width: t.innerWidth + "px", height: t.innerHeight / 3 + "px", }, attrs: { src: i("5a67") }, }), ] ), o("div", { staticClass: "vdesc p-4" }, [ o("p", [t._v(t._s(t.$t("visualizer-desc")))]), ]), ], 1 ), ] ), ], 1 ) : t._e(), t._l(t.collections, function (e, i) { return o("span", { key: i }, [ e.rooms.length > 0 ? o( "div", { staticClass: "mb-3 room-list d-flex flex-column align-items-start ml-3 mr-3 w-100", staticStyle: { "overflow-x": "scroll" }, }, [ o( "h3", { attrs: { hidden: "", }, }, [t._v(t._s(e.name))] ), e.more ? t._e() : o("div", [ o( "div", { staticClass: "d-flex flex-row" }, t._l(e.rooms, function (e) { return o( "span", { key: e.id }, [ o( "router-link", { attrs: { to: { name: "visualizerPage", params: { id: e.id, market: t.currentMarket, }, }, }, }, [ o("p", {}, [t._v(t._s(e.name))]), o( "div", { staticClass: "room-pic m-1" }, [ o("img", { attrs: { src: e.thumbnail_small, }, }), ] ), ] ), ], 1 ); }), 0 ), ]), ] ) : t._e(), ]); }), o( "div", { staticClass: "landing-sidebar", class: { "right-zero": t.mobileSidebar }, }, [ o( "div", { staticClass: "close-sidebar float-right", on: { click: function (e) { t.mobileSidebar = !1; }, }, }, [ o("img", { staticStyle: { "margin-top": "22px" }, attrs: { src: i("1960") }, }), ] ), o( "div", { staticClass: "d-flex justify-content-start mt-4" }, [ o( "ul", { staticClass: "nav-sidebar mb-3" }, [ o( "li", { on: { click: function (e) { // return t.openSite("quartz-stone"); return (window.location = "https://vicostone.au/collections/all-collection"); }, }, }, [t._v(t._s(t.$t("landing.eco-surfaces")))] ), o( "li", { on: { click: function (e) { // return t.openSite("quartz-stone-galleries"); return (window.location = "https://www.facebook.com/VicostoneAustralia"); }, }, }, [t._v(t._s(t.$t("landing.inspiration-galleries")))] ), o( "li", { staticClass: "accordion-item", }, [ o( "a", { staticClass: "accordion-toggle", attrs: { href: "#" }, }, [ o("span", { staticClass: "" }, [ t._v(t._s(t.$t("landing.where-to-buy"))), ]), o("span", { staticClass: "arrow-icon" }, [ o( "svg", { attrs: { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", }, }, [ o("path", { attrs: { d: "M1 1.5L6 6.5L11 1.5", stroke: "#707070", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", }, }), ] ), ]), ] ), o("ul", { staticClass: "accordion-content" }, [ o("li", [ o( "a", { attrs: { href: "https://vicostone.au/order-sample", }, }, [ o("span", { staticClass: "nav-text" }, [ t._v("Order Sample"), ]), ] ), ]), o("li", [ o( "a", { attrs: { href: "https://vicostone.au/showroom", }, }, [ o("span", { staticClass: "nav-text" }, [ t._v("Showroom"), ]), ] ), ]), o("li", [ o( "a", { attrs: { href: "https://vicostone.au/find-a-display", }, }, [ o("span", { staticClass: "nav-text" }, [ t._v("Authorized Dealers"), ]), ] ), ]), ]), ] ), // o( // "li", // { // on: { // click: function (e) { // return t.openSite("where-to-buy"); // }, // }, // }, // [t._v(t._s(t.$t("landing.where-to-buy")))] // ), // o( // "li", // { // on: { // click: function (e) { // return t.openSite("contact-us"); // }, // }, // }, // [t._v(t._s(t.$t("landing.support")))] // ), // o( // "li", // { // on: { // click: function (e) { // return t.openSite("professionals"); // }, // }, // }, // [t._v(t._s(t.$t("landing.proffessionals")))] // ), o( "li", { on: { click: function (e) { // return t.openSite("about-us"); return (window.location = "https://vicostone.au/about-us"); }, }, }, [t._v(t._s(t.$t("landing.more-about")))] ), // void 0 != t.photos[0] // ? o( // "router-link", // { // attrs: { // to: { // name: "visualizerPage", // params: { id: t.photos[0].id }, // }, // }, // }, // [ // o( // "li", // { // on: { // click: function (e) { // return t.openSite(""); // }, // }, // }, // [t._v(t._s(t.$t("visualizer")))] // ), // ] // ) // : t._e(), ], 1 ), ] ), o("hr"), o("div", { staticClass: "ml-4 mt-4" }, [ o("h4", [t._v("Vicostone " + t._s(t.marketName))]), o("h4", [ o( "a", { staticStyle: { color: "#707070" }, attrs: { href: "tel:" + t.marketHotline, }, }, [t._v("P: " + t._s(t.marketHotline))] ), ]), ]), t._m(0), ] ), o("LandingFooter"), ], 2 ), o("div", { staticClass: "min1024" }, [ o( "div", { staticClass: "d-flex flex-column align-items-center", attrs: { id: "landingPage" }, }, [ o( "div", {}, [ o("LandingHeader", { attrs: { marketName: t.marketName, availableLanguage: t.availableLanguage, }, }), ], 1 ), o( "div", [ o( "b-carousel", { staticStyle: { "text-shadow": "1px 1px 2px #333", "z-index": "10", }, attrs: { id: "carousel-1", interval: 0, controls: "", background: "#ababab", "img-width": t.sliderWidth, "img-height": "480", }, on: { "sliding-start": t.onSlideStart, "sliding-end": t.onSlideEnd, }, model: { value: t.slide, callback: function (e) { t.slide = e; }, expression: "slide", }, }, [ t._l(t.photos, function (e) { return o( "span", { key: "slide_" + e.id }, [ o("b-carousel-slide", { scopedSlots: t._u( [ { key: "img", fn: function () { return [ o( "router-link", { attrs: { to: { name: "visualizerPage", params: { id: e.id }, }, }, }, [ o("img", { staticClass: "d-block img-fluid landing-page-slider", style: { width: t.clientWidth + "px", }, attrs: { src: e.thumbnail, alt: "image slot", }, }), ] ), ]; }, proxy: !0, }, ], null, !0 ), }), ], 1 ); }), o("div", { staticClass: "page-number" }, [ t._v( t._s(t.slide + 1) + " / " + t._s(t.photos.length) ), ]), ], 2 ), ], 1 ), null != t.landing_image && "" != t.landing_text ? o( "div", { staticClass: "d-flex justify-content-between mt-3", staticStyle: { "max-width": "768px" }, }, [ o( "div", { staticClass: "d-flex flex-column justify-content-center align-items-center mr-2", }, [ o( "h3", { staticClass: "mb-3", staticStyle: { "font-size": "24px" }, }, [t._v("Vicostone Australia")] ), o("p", { staticStyle: { "text-align": "left" } }, [ t._v(t._s(t.landing_text)), ]), ] ), o("div", {}, [ o("img", { staticStyle: { "margin-right": "-200px", height: "400px", }, attrs: { src: t.landing_image }, }), ]), ] ) : t._e(), t._l(t.collections, function (e, i) { return o("span", { key: i }, [ e.rooms.length > 0 ? o( "div", { staticClass: "mb-3 mt-3 room-list d-flex flex-column align-items-start", }, [ o("h3", { attrs: { hidden: "" } }, [ t._v(t._s(e.name)), ]), e.more ? t._e() : o("div", [ o( "div", // { staticClass: "d-flex flex-row" }, { staticClass: "d-flex justify-content-start flex-wrap", staticStyle: { width: "806px" }, }, // t._l(e.rooms.slice(0, 3), function (e) { t._l(e.rooms, function (e) { return o( "span", { key: e.id }, [ o( "router-link", { attrs: { to: { name: "visualizerPage", params: { id: e.id, market: t.currentMarket, }, }, }, }, [ o("p", {}, [t._v(t._s(e.name))]), o( "div", { staticClass: "room-pic m-1" }, [ o("img", { attrs: { src: e.thumbnail_small, }, }), ] ), ] ), ], 1 ); }), 0 ), // e.rooms.length > 3 // ? o( // "span", // { // staticClass: "float-right", // staticStyle: { cursor: "pointer" }, // on: { // click: function (t) { // e.more = !0; // }, // }, // }, // [t._v(t._s(t.$t("see-more")))] // ) // : t._e(), ]), e.more ? o( "div", { staticClass: "d-flex justify-content-start flex-wrap", staticStyle: { width: "806px" }, }, t._l(e.rooms, function (e) { return o( "span", { key: e.id }, [ o( "router-link", { attrs: { to: { name: "visualizerPage", params: { id: e.id, market: t.currentMarket, }, }, }, }, [ o("p", {}, [t._v(t._s(e.name))]), o( "div", { staticClass: "room-pic m-1" }, [ o("img", { attrs: { src: e.thumbnail_small, }, }), ] ), ] ), ], 1 ); }), 0 ) : t._e(), ] ) : t._e(), ]); }), o("p", [t._v(t._s(t.$t("click-room")))]), o("LandingFooter"), ], 2 ), ]), ]); }, H = [ function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { staticClass: "float-left ml-4 mt-4 mb-4" }, [ o( "a", { attrs: { href: "https://www.facebook.com/VicostoneVietnam", target: "_blank", }, }, [o("img", { staticClass: "mr-2", attrs: { src: i("4a85") } })] ), o( "a", { attrs: { href: "https://www.instagram.com/vicostone_australia", target: "_blank", }, }, [o("img", { staticClass: "mr-2", attrs: { src: i("da0e") } })] ), o( "a", { attrs: { href: "https://www.youtube.com/@VicostoneAustralia", target: "_blank", }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("da0eytb") }, }), ] ), o( "a", { attrs: { href: "https://chat.whatsapp.com/LVwBVLIkalPF1WusqOTQ1V", target: "_blank", }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("da0ewha") }, }), ] ), o( "a", { attrs: { href: "https://linkedin.com/company/vicostone-eco-surfaces/", target: "_blank", }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("da0elin") }, }), ] ), // o("a", { attrs: { href: "https://twitter.com/VicostoneGlobal" } }, [ // o("img", { staticClass: "mr-2", attrs: { src: i("c16e") } }), // ]), // o( // "a", // { attrs: { href: "https://www.instagram.com/vicostoneglobal/" } }, // [o("img", { staticClass: "mr-2", attrs: { src: i("da0e") } })] // ), // o( // "a", // { attrs: { href: "https://www.pinterest.com/VicostoneGlobal/" } }, // [o("img", { staticClass: "mr-2", attrs: { src: i("63a1") } })] // ), // o( // "a", // { // attrs: { // href: "https://www.houzz.com/professionals/tile-stone-and-countertops/vicostone-global-pfvwus-pf~26867367?", // }, // }, // [o("img", { attrs: { src: i("39cf") } })] // ), ]); }, ], L = (i("7db0"), i("4160"), i("b0c0"), i("159b"), function () { var t = this, e = t.$createElement, i = t._self._c || e; return i( "div", { staticClass: "header", style: { width: t.innerWidth + "px" } }, [ i( "div", { staticClass: "d-flex justify-content-start market-lang" }, [ i( "div", { staticClass: "header-child ml-4 mr-2", attrs: { hidden: "" }, }, [t._v("Vicostone " + t._s(t.marketName))] ), // i( // "div", // { staticClass: "lang-switch d-flex flex-row" }, // [ // i("p", [t._v("|")]), // i( // "b-dropdown", // { // staticClass: "m-md-2 chosen-lang", // attrs: { // id: "dropdown-1", // text: t.$route.params.lang, // split: "", // variant: "warning", // }, // }, // t._l(t.availableLanguage, function (e, o) { // console.log(t.availableLanguage); // return i( // "span", // { key: "b" + o, staticClass: "avail-lang" }, // [ // i( // "div", // { staticClass: "d-flex flex-column" }, // [ // i( // "b-dropdown-item", // { // on: { // click: function (i) { // return t.loadBahasa(e.abbreviation); // }, // }, // }, // [t._v(t._s(e.name))] // ), // ], // 1 // ), // ] // ); // }), // 0 // ), // ], // 1 // ), ] ), i("div", { staticClass: "header-child" }, [ t._m(0), i( "div", { staticClass: "main-nav d-flex justify-content-center mt-4", }, [ i("ul", { staticClass: "list-main-nav mb-3" }, [ i( "li", { staticClass: "main-nav-item has-child", on: { click: function (e) { // return t.openSite("quartz-stone"); return window.open( "https://vicostone.au/collections/all-collection", "_blank" ); }, }, }, [t._v(t._s(t.$t("landing.eco-surfaces")))] ), i( "li", { staticClass: "main-nav-item has-child", on: { click: function (e) { // return t.openSite("quartz-stone-galleries"); return window.open( "https://www.facebook.com/VicostoneAustralia", "_blank" ); }, }, }, [t._v(t._s(t.$t("landing.inspiration-galleries")))] ), i( "li", { staticClass: "main-nav-item has-child", }, [ t._v(t._s(t.$t("landing.where-to-buy"))), i("span", { staticClass: "arrow" }, [ i( "svg", { attrs: { width: "10", height: "6", viewBox: "0 0 10 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", }, }, [ i("path", { attrs: { d: "M1 1L5 5L9 1", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round", }, }), ] ), ]), // ul.sub-menu-header i("ul", { staticClass: "sub-menu-header" }, [ i("li", [ i( "a", { attrs: { href: "https://vicostone.au/order-sample", target: "_blank", rel: "noopener noreferrer", }, }, [t._v("Order Sample")] ), ]), i("li", [ i( "a", { attrs: { href: "https://vicostone.au/showroom", target: "_blank", rel: "noopener noreferrer", }, }, [t._v("Showroom")] ), ]), i("li", [ i( "a", { attrs: { href: "https://vicostone.au/find-a-display", target: "_blank", rel: "noopener noreferrer", }, }, [t._v("Authorized Dealers")] ), ]), ]), ] ), // i( // "li", // { // staticClass: "main-nav-item has-child", // on: { // click: function (e) { // return t.openSite("where-to-buy"); // }, // }, // }, // [t._v(t._s(t.$t("landing.where-to-buy")))] // ), // i( // "li", // { // staticClass: "main-nav-item has-child", // on: { // click: function (e) { // return t.openSite("contact-us"); // }, // }, // }, // [t._v(t._s(t.$t("landing.support")))] // ), // i( // "li", // { // staticClass: "main-nav-item has-child", // on: { // click: function (e) { // return t.openSite("professionals"); // }, // }, // }, // [t._v(t._s(t.$t("landing.proffessionals")))] // ), i( "li", { staticClass: "main-nav-item has-child", on: { click: function (e) { // return t.openSite("about-us"); return window.open( "https://vicostone.au/about-us", "_blank" ); }, }, }, [t._v(t._s(t.$t("landing.more-about")))] ), ]), ] ), ]), t._m(1), ] ); }), R = [ function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { staticClass: "d-flex justify-content-center" }, [ o("img", { staticStyle: { height: "76px", "margin-top": "-40px" }, attrs: { src: i("5dfe") }, }), ]); }, function () { var t = this, e = t.$createElement, i = t._self._c || e; return i("div", { staticClass: "header-child" }, [ i("button", { attrs: { hidden: "" } }, [t._v("Login")]), ]); }, ], I = { name: "LandingHeader", props: ["marketName", "availableLanguage"], components: {}, computed: { innerWidth: function () { return window.innerWidth; }, }, methods: { openSite: function (t) { window.location = "https://vicostone.com/" + this.$route.params.lang + "/" + t; }, loadBahasa: function (t) { this.$router.push({ name: "landingPage", params: { lang: t } }); }, }, }, T = I, O = (i("7285"), i("6858"), Object(n["a"])(T, L, R, !1, null, "32afdf6f", null)), W = O.exports, E = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i( "footer", { staticClass: "footer", // staticStyle: { "padding-bottom": "435px" } }, [ i("div", { staticClass: "footer-wrapper" }, [ i("div", { staticClass: "container" }, [ i("div", { staticClass: "footer-row" }, [ i("div", { staticClass: "footer-col-left" }, [ i("div", { staticClass: "footer-title" }, [ t._v(t._s(t.$t("landing.useful-links"))), ]), i("ul", { staticClass: "list-link" }, [ i("li", { staticClass: "pr-3" }, [ i( "a", { staticClass: "button button-underline reverse light", }, [t._v(t._s(t.$t("landing.vicostone")))] ), i("ul", { staticClass: "list-link-sub" }, [ i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/collections/all-collection", }, }, [t._v(t._s(t.$t("landing.collections")))] ), ]), i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/product-advantage", }, }, [t._v(t._s(t.$t("landing.product-advantages")))] ), ]), ]), ]), i("li", { staticClass: "pr-3" }, [ i( "a", { staticClass: "button button-underline reverse light", }, [t._v(t._s(t.$t("landing.support")))] ), i("ul", { staticClass: "list-link-sub" }, [ i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/warranty", }, }, [t._v(t._s(t.$t("landing.warranty")))] ), ]), i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/product-care", }, }, [t._v(t._s(t.$t("landing.product-care")))] ), ]), i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/document-download", }, }, [t._v(t._s(t.$t("landing.document-download")))] ), ]), i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/faq", }, }, [t._v(t._s(t.$t("landing.faq")))] ), ]), ]), ]), i("li", { staticClass: "pr-3" }, [ i( "a", { staticClass: "button button-underline reverse light", }, [t._v(t._s(t.$t("landing.more")))] ), i("ul", { staticClass: "list-link-sub" }, [ i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/about-us", }, }, [t._v(t._s(t.$t("landing.about-us")))] ), ]), i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/contact-us", }, }, [t._v(t._s(t.$t("landing.contact-us")))] ), ]), i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/news", }, }, [t._v(t._s(t.$t("landing.news")))] ), ]), i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/order-sample", }, }, [t._v(t._s(t.$t("landing.order-sample")))] ), ]), i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/showroom", }, }, [t._v(t._s(t.$t("landing.showroom")))] ), ]), i("li", [ i( "a", { staticClass: "button button-underline reverse light", attrs: { href: "https://vicostone.com.au/find-a-display", }, }, [t._v(t._s(t.$t("landing.find-a-display")))] ), ]), ]), ]), // i("li", { staticClass: "pr-3" }, [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/quartz-stone", // title: "ECO Surfaces", // }, // }, // [t._v(t._s(t.$t("landing.quartz-surfaces")))] // ), // i("ul", { staticClass: "list-link-sub min768" }, [ // i("li", [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/quartz-stone?", // title: "By Collections", // }, // }, // [t._v(t._s(t.$t("landing.by-collections")))] // ), // ]), // i("li", [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/product-advantages", // title: "Product Advantages", // }, // }, // [t._v(t._s(t.$t("landing.product-advantages")))] // ), // ]), // i("li", [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/visualizer", // title: "In-room Visualizer", // }, // }, // [t._v(t._s(t.$t("landing.in-room-visualizer")))] // ), // ]), // ]), // ]), // i("li", { staticClass: "pr-3" }, [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/quartz-stone-galleries", // title: "Galleries", // }, // }, // [t._v(t._s(t.$t("landing.galleries")))] // ), // i("ul", { staticClass: "list-link-sub min768" }, [ // i("li", [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/quartz-stone-galleries?Gallery=Kitchen", // title: "Kitchen", // }, // }, // [t._v(t._s(t.$t("landing.kitchen")))] // ), // ]), // i("li", [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/quartz-stone-galleries?gallery=Bathroom", // title: "Bathroom", // }, // }, // [t._v(t._s(t.$t("landing.bathroom")))] // ), // ]), // i("li", [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/quartz-stone-galleries?Gallery=Commercials", // title: "Commercials", // }, // }, // [t._v(t._s(t.$t("landing.commercials")))] // ), // ]), // ]), // ]), // i("li", { staticClass: "pr-3" }, [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/where-to-buy", // title: "Where To Buy", // }, // }, // [t._v(t._s(t.$t("landing.where-to-buy")))] // ), // i("ul", { staticClass: "list-link-sub min768" }), // ]), // i("li", { staticClass: "pr-3" }, [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/contact-us", // title: "Support", // }, // }, // [t._v(t._s(t.$t("landing.support")))] // ), // i("ul", { staticClass: "list-link-sub min768" }, [ // i("li", [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/contact-us", // title: "Contact Us", // }, // }, // [t._v(t._s(t.$t("landing.contact-us")))] // ), // ]), // i("li", [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/warranty", // title: "Warranty", // }, // }, // [t._v(t._s(t.$t("landing.warranty")))] // ), // ]), // ]), // ]), // i("li", { staticClass: "pr-3" }, [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/about-vicostone", // title: "About Vicostone", // }, // }, // [t._v(t._s(t.$t("landing.about-vicostone")))] // ), // i("ul", { staticClass: "list-link-sub min768" }, [ // i("li", [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/our-commitment", // title: "Our Commitments", // }, // }, // [t._v(t._s(t.$t("landing.our-commitments")))] // ), // ]), // i("li", [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/press-room", // title: "Press Room", // }, // }, // [t._v(t._s(t.$t("landing.press-room")))] // ), // ]), // i("li", [ // i( // "a", // { // staticClass: // "button button-underline reverse light", // attrs: { // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/careers", // title: "Careers", // }, // }, // [t._v(t._s(t.$t("landing.carrers")))] // ), // ]), // ]), // ]), ]), ]), t._m(0), ]), t._m(1), i("div", { staticClass: "footer-devider mb-2" }), i("div", { staticClass: "footer-row" }, [ i( "div", { staticClass: "footer-list-link", attrs: { hidden: "" } }, [ i( "a", { staticClass: "button button-underline reverse light ml-auto mr-3 mb-2", attrs: { href: "https://vicostone.com/" + t.$route.params.lang + "/press-room", title: "Press Room", }, }, [t._v(t._s(t.$t("landing.press-room")))] ), ] ), i("p", { staticClass: "m-2" }, [ t._v(" " + t._s(t.$t("landing.footer-1")) + " "), i("br"), t._v(t._s(t.$t("landing.footer-2")) + " "), i("br"), t._v("© 2024 VICOSTONE®"), i("span", { staticClass: "ml-5" }, [ t._v("Distributed by VICOSTONE AUSTRALIA"), ]), ]), ]), ]), ]), ] ); }, D = [ function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { staticClass: "footer-col-right" }, [ o("div", { staticClass: "float-right min768" }, [ o( "a", { attrs: { href: "https://www.facebook.com/VicostoneAustralia", target: "_blank", }, }, [o("img", { staticClass: "mr-2", attrs: { src: i("4a85") } })] ), // o( // "a", // { // attrs: { // href: "https://twitter.com/VicostoneGlobal", // target: "_blank", // }, // }, // [o("img", { staticClass: "mr-2", attrs: { src: i("c16e") } })] // ), o( "a", { attrs: { href: "https://www.instagram.com/vicostone_australia", target: "_blank", }, }, [o("img", { staticClass: "mr-2", attrs: { src: i("da0e") } })] ), o( "a", { attrs: { href: "https://www.youtube.com/@VicostoneAustralia", target: "_blank", }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("da0eytb") }, }), ] ), o( "a", { attrs: { href: "https://chat.whatsapp.com/LVwBVLIkalPF1WusqOTQ1V", target: "_blank", }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("da0ewha") }, }), ] ), o( "a", { attrs: { href: "https://linkedin.com/company/vicostone-eco-surfaces/", target: "_blank", }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("da0elin") }, }), ] ), // o( // "a", // { // attrs: { // href: "https://www.pinterest.com/VicostoneGlobal/", // target: "_blank", // }, // }, // [o("img", { staticClass: "mr-2", attrs: { src: i("63a1") } })] // ), // o( // "a", // { // attrs: { // target: "_blank", // href: "https://www.houzz.com/professionals/tile-stone-and-countertops/vicostone-global-pfvwus-pf~26867367?", // }, // }, // [o("img", { attrs: { src: i("39cf") } })] // ), ]), o("div", { staticClass: "list-socials" }, [ o( "a", { attrs: { href: "https://www.facebook.com/VicostoneVietnam/", title: "Facebook", target: "_blank", }, }, [o("span", { staticClass: "ic-facebook" })] ), o( "a", { attrs: { href: "http://twitter.com/VicostoneGlobal", title: "Twitter", target: "_blank", }, }, [o("span", { staticClass: "ic-twitter" })] ), o( "a", { attrs: { href: "https://www.instagram.com/vicostoneglobal/", title: "Instagram", target: "_blank", }, }, [o("span", { staticClass: "ic-instagram" })] ), o( "a", { attrs: { href: "http://www.pinterest.com/VicostoneGlobal/", title: "Pinterest", target: "_blank", }, }, [o("span", { staticClass: "ic-pinterest" })] ), o( "a", { attrs: { href: "http://www.houzz.com/pro/vicostoneglobal/vicostone-global", title: "Houzz", target: "_blank", }, }, [o("span", { staticClass: "ic-houzz" })] ), ]), ]); }, function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { staticClass: "max768 mb-3 mt-0" }, [ o( "a", { attrs: { href: "https://www.facebook.com/VicostoneVietnam/", target: "_blank", }, }, [o("img", { staticClass: "mr-2", attrs: { src: i("4a85") } })] ), o( "a", { attrs: { href: "https://www.instagram.com/vicostone_australia", target: "_blank", }, }, [o("img", { staticClass: "mr-2", attrs: { src: i("da0e") } })] ), o( "a", { attrs: { href: "https://www.youtube.com/@VicostoneAustralia", target: "_blank", }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("da0eytb") }, }), ] ), o( "a", { attrs: { href: "https://chat.whatsapp.com/LVwBVLIkalPF1WusqOTQ1V", target: "_blank", }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("da0ewha") }, }), ] ), o( "a", { attrs: { href: "https://linkedin.com/company/vicostone-eco-surfaces/", target: "_blank", }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("da0elin") }, }), ] ), // o( // "a", // { // attrs: { // href: "https://twitter.com/VicostoneGlobal", // target: "_blank", // }, // }, // [o("img", { staticClass: "mr-2", attrs: { src: i("c16e") } })] // ), // o( // "a", // { // attrs: { // href: "https://www.instagram.com/vicostoneglobal/", // target: "_blank", // }, // }, // [o("img", { staticClass: "mr-2", attrs: { src: i("da0e") } })] // ), // o( // "a", // { // attrs: { // href: "https://www.pinterest.com/VicostoneGlobal/", // target: "_blank", // }, // }, // [o("img", { staticClass: "mr-2", attrs: { src: i("63a1") } })] // ), // o( // "a", // { // attrs: { // target: "_blank", // href: "https://www.houzz.com/professionals/tile-stone-and-countertops/vicostone-global-pfvwus-pf~26867367?", // }, // }, // [o("img", { attrs: { src: i("39cf") } })] // ), ]); }, ], j = { name: "LandingFooter", components: {}, computed: { innerWidth: function () { return window.innerWidth; }, }, methods: {}, }, B = j, N = (i("99ba"), Object(n["a"])(B, E, D, !1, null, "ef670e52", null)), A = N.exports, F = i("bc3a"), G = i.n(F), V = { name: "LandingPage", components: { LandingHeader: W, LandingFooter: A }, data: function () { return { landing_text: "", landing_image: null, mobileSidebar: !1, marketName: "Global", marketHotline: "", currentMarket: 1, currentLanguage: "en", availableLanguage: [], collections: [], photos: [], slide: 0, sliding: null, innerHeight: 0, innerWidth: 0, img1: null, img2: null, merged: null, }; }, watch: { collections: function (t) { var e = this; t.forEach(function (t) { e.$set(t, "more", !1), t.rooms.forEach(function (t) { var i = ""; t.names.forEach(function (o, a) { e.$route.params.lang == o.language_abbreviation && e.$set(t, "name", o.room_name), "en" == o.language_abbreviation && (i = o.room_name); }), void 0 == t.name && e.$set(t, "name", i); }); }); }, }, computed: { isPotrait: function () { var t = !1; return 0 == parseInt(this.innerRatio) && (t = !0), t; }, innerRatio: function () { var t = window.innerWidth / window.innerHeight; return t; }, clientWidth: function () { return document.body.scrollWidth; }, clientHeight: function () { return document.body.scrollHeight; }, activeRoom: function () { if (this.photos.length > 0) return this.photos[this.slide]; var t = { name: "", stye: "", collection: "" }; return t; }, sliderWidth: function () { return window.innerWidth; }, }, methods: { openSite: function (t) { window.location = "https://vicostone.com/" + this.$route.params.lang + "/" + t; }, loadBahasa: function (t) { this.$router.push({ name: "landingPage", params: { lang: t } }); }, myEventHandler: function (t) { console.log("load" + t), (this.innerHeight = window.innerHeight), (this.innerWidth = window.innerWidth), console.log(window.innerHeight), console.log(window.innerWidth), console.log(window.outerHeight), console.log(window.outerWidth); }, onSlideStart: function () { this.sliding = !0; }, onSlideEnd: function () { this.sliding = !1; }, applyMarketLanguageData: function (t) { var e = this; (this.currentMarket = t.id), (this.marketName = t.name), (this.marketHotline = t.hotline), (this.landing_text = t.default_language.landing_text), (this.landing_image = t.default_language.landing_image), "en" != t.default_language.abbreviation && ((this.currentLanguage = t.default_language.abbreviation), this.$router.push({ name: "landingPage", params: { lang: this.currentLanguage }, })); var i = t.languages.find(function (t) { return t.abbreviation == e.$route.params.lang; }); (this.landing_text = i.landing_text), (this.landing_image = i.landing_image), (this.availableLanguage = t.languages), this.getRooms(t.id); }, getRooms: function (t) { var e = this; G.a.get("/room_grids_customer/?market=" + t).then(function (t) { e.photos = t.data.data; }), G.a .get("/room_collections_customer/?market=" + t) .then(function (t) { e.collections = t.data.data; }); }, getMarketWithID: function (t) { var e = this; G.a.get("/market_retrieve/?market=" + t).then(function (t) { e.applyMarketLanguageData(t.data.data); }); }, getMarketWithName: function (t, region_code) { var e = this; "United States of America" == t && (t = "United States"); t == "United States" && [ "OR", "WA", "CO", "UT", "AZ", "NV", "MT", "ID", "WY", "AK", "HI", ].includes(region_code) && (t = "Tuvalu"), G.a .get("/market_retrieve/?country=" + t) .then(function (t) { "success" == t.data.message ? e.applyMarketLanguageData(t.data.data) : e.getMarketWithID(1); }) .catch(function (t) { this.getMarketWithID(1); }); }, }, destroyed: function () { window.removeEventListener("load", this.myEventHandler); }, created: function () { var t = this; window.addEventListener("load", this.myEventHandler), void 0 == this.$route.params.idMarket ? G.a .get("https://ipwhois.pro/?key=NyRIz7VVkR0Y5kTN") .then(function (e) { t.getMarketWithName(e.data.country, e.data.region_code); }) : this.getMarketWithID(this.$route.params.idMarket); }, }, K = V, U = (i("cf74"), Object(n["a"])(K, M, H, !1, null, "9dfbfabc", null)), q = U.exports, Q = function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { key: "visualizerPageKey" + t.visualizerPageKey }, [ o( "div", { ref: "visualizerPage", staticClass: "visualizerPage col-12", class: { "oflowx-scroll": t.isOflowX, "oflowy-scroll": t.isOflowY, "oflowx-hidden": !t.isOflowX, "oflowy-hidden": !t.isOflowY, }, attrs: { id: "visualizerPage" }, }, [ t.isGuideline ? o("Guideline", { attrs: { isMobile: t.isMobile }, on: { "finish-guideline": t.finishGuideline, "skip-guideline": t.skipGuideline, "sidebar-picker": t.showSidebarPicker, }, }) : t._e(), o("Header", { directives: [ { name: "click-outside", rawName: "v-click-outside", value: t.outsideHeader, expression: "outsideHeader", }, ], key: "headerKey" + t.headerKey, attrs: { isModalOpen: t.isModalOpen, isMobile: t.isMobile, outerHeight: t.outerHeight, outerWidth: t.outerWidth, innerHeight: t.innerHeight, innerWidth: t.innerWidth, currentMarket: t.currentMarket, hotline: t.hotline, countryName: t.countryName, availableLanguage: t.availableLanguage, bookmarks: t.bookmarks, loadedRoom: t.loadedRoom, rooms: t.rooms, collections: t.collections, menuSidebar: t.menuSidebar, settingsSidebar: t.settingsSidebar, hideSetting: t.hideSetting, contactComponent: t.contactComponent, locationComponent: t.locationComponent, compareComponent: t.compareComponent, headerMenu: t.headerMenu, chosenRoom: t.chosenRoom, showRooms: t.showRooms, galleryBookmark: t.galleryBookmark, }, on: { "start-guideline": t.startGuideline, "modal-open": t.checkModalOpen, "outside-modal": t.outsideModal, "sidebar-menu": t.hideShowSidebarMenu, "show-setting": t.hideShowSettings, "contact-component": t.hideShowContact, "location-component": t.hideShowLocation, "compare-component": t.hideShowCompare, "show-header-menu": t.headerMenuChange, "choose-room": t.chooseRoom, "change-room": t.changeRoom, "show-room": t.showRoomChange, "bookmark-component": t.hideShowBookmark, }, }), t.galleryBookmark ? o("GalleryBookmark", { directives: [ { name: "click-outside", rawName: "v-click-outside", value: t.outsideBookmark, expression: "outsideBookmark", }, ], key: t.bookmarkKey, attrs: { isModalOpen: t.isModalOpen, bookmarks: t.bookmarks, compareComponent: t.compareComponent, }, on: { "outside-modal": t.outsideModal, "modal-open": t.checkModalOpen, "compare-component": t.hideShowCompare, "delete-bookmark": t.deleteBookmark, }, }) : t._e(), o("MenuSidebar", { attrs: { menuSidebar: t.menuSidebar, innerHeight: t.innerHeight, }, on: { "start-guideline": t.startGuideline, "hide-sidebar": t.hideShowSidebarMenu, }, }), o("VisualizerControl", { key: "visualizerControlKey" + t.visualizerControlKey, attrs: { isGuideline: t.isGuideline, isMobile: t.isMobile, outerHeight: t.outerHeight, outerWidth: t.outerWidth, innerHeight: t.innerHeight, innerWidth: t.innerWidth, isPickerGuideline: t.isPickerGuideline, countryName: t.countryName, collections: t.collections, currentMarket: t.currentMarket, loadedRoom: t.loadedRoom, hotline: t.hotline, chosenRoom: t.chosenRoom, settingsSidebar: t.settingsSidebar, contactComponent: t.contactComponent, locationComponent: t.locationComponent, compareComponent: t.compareComponent, pickerSidebar: t.pickerSidebar, compareRoom1: t.compareRoom1, compareRoom2: t.compareRoom2, productIdQuery: t.productIdQuery, }, on: { "scroll-left": t.scrollLeft, "skip-picker-guideline": t.skipPickerGuideline, "sidebar-picker": t.showSidebarPicker, "choose-picker": t.choosePicker, "close-picker": t.closePicker, "outside-location": t.outsideLocation, "open-location": t.openLocation, "outside-compare": t.outsideCompare, "oflowx-scroll": function (e) { t.isOflowX = !0; }, "oflowy-scroll": function (e) { t.isOflowY = !0; }, "oflowx-hidden": function (e) { t.isOflowX = !1; }, "oflowy-hidden": function (e) { t.isOflowY = !1; }, "close-cart": t.closeCart, }, }), t.isMobile || t.cartSidebar ? t._e() : o("div", {}, [ o( "div", { staticClass: "cart-menu-icon", staticStyle: { right: "0", "z-index": "55" }, attrs: { hidden: "" }, on: { click: function (e) { (t.cartSidebar = !0), t.getAllProducts(); }, }, }, [t._m(0)] ), ]), t.isMobile ? t._e() : o( "div", { staticClass: "cart-container", class: { "left-zero": t.cartSidebar }, }, [ o( "div", { staticClass: "cart-menu-icon cart-toggle", class: { "cart-toggle-on": t.cartSidebar }, }, [ o( "button", { staticClass: "clear-button m-3", on: { click: function (e) { (t.cartSidebar = !1), (t.productIdQuery = ""); }, }, }, [ o("img", { staticClass: "mt-2", staticStyle: { height: "16px" }, attrs: { src: i("bb7c") }, }), ] ), ] ), o("ProductCart", { directives: [ { name: "click-outside", rawName: "v-click-outside", value: t.outsideCart, expression: "outsideCart", }, ], attrs: { innerWidth: t.innerWidth, innerHeight: t.innerHeight, isMobile: t.isMobile, products: t.products, pickers: t.pickers, allProducts: t.allProducts, filteredAllProducts: t.filteredAllProducts, }, on: { "all-product": t.getAllProducts, "open-location": t.openLocationProduct, "search-product": t.searchProduct, }, }), ], 1 ), ], 1 ), ]); }, Z = [ function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("button", { staticClass: "clear-button m-3" }, [ o("img", { staticStyle: { height: "26px" }, attrs: { src: i("c0c3") }, }), ]); }, ], J = (i("4de4"), i("caad"), i("c975"), i("a15b"), i("fb6a"), i("ac1f"), i("25f0"), i("2532"), i("5319"), i("1276"), function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "div", { attrs: { id: "VisualizerControl" } }, [ t.isPickerGuideline ? o("PickerGuideline", { attrs: { activePicker: t.guidelinePicker, isMobile: t.isMobile, }, on: { "skip-picker-guideline": t.skipPickerGuideline, "finish-picker-guideline": t.finishPickerGuideline, }, }) : t._e(), t.isSidebarGuideline ? o("SidebarGuideline", { attrs: { isMobile: t.isMobile }, on: { "skip-sidebar-guideline": t.skipSidebarGuideline, "finish-sidebar-guideline": t.finishSidebarGuideline, }, }) : t._e(), t.isFilterGuideline ? o("FilterGuideline", { attrs: { isMobile: t.isMobile }, on: { "skip-filter-guideline": t.skipFilterGuideline, "finish-filter-guideline": t.finishFilterGuideline, }, }) : t._e(), t.isMobile ? o( "div", { staticClass: "settings-sidebar d-flex align-items-end flex-column", class: { "right-zero": t.settingsSidebar }, style: { height: t.innerHeight - 48 + "px" }, }, [ o( "button", { staticClass: "ml-3 mt-2 mb-2 btn btn-primary", staticStyle: { width: "272px" }, on: { click: function (e) { return t.saveBookmark(); }, }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("7664") }, }), t._v(" " + t._s(t.$t("save-bookmark")) + " "), ] ), o( "div", { staticClass: "room-list d-flex flex-wrap justify-content-start pl-3", }, t._l(t.collections, function (e) { return o("span", { key: e.id }, [ e.rooms.length > 0 ? o("h3", { attrs: { hidden: ""} ,staticClass: "pl-3 pt-2" }, [ t._v(t._s(e.name)), ]) : t._e(), o( "span", { staticClass: "d-flex flex-wrap" }, t._l(e.rooms, function (e) { return o("span", { key: e.id }, [ o( "div", { staticClass: "room-pic m-2 pl-2 mb-4 room-gallery", on: { click: function (i) { return t.changeRoom(e.id); }, }, }, [ void 0 != e.thumbnail_small ? o("span", [ o("img", { attrs: { src: e.thumbnail_small }, }), ]) : o("span", [ o("img", { attrs: { src: e.thumbnail }, }), ]), o("p", {}, [t._v(t._s(e.name))]), ] ), ]); }), 0 ), ]); }), 0 ), o( "div", { staticClass: "mt-auto pb-3" }, [ o( "button", { directives: [ { name: "clipboard", rawName: "v-clipboard:copy", value: t.shareURL, expression: "shareURL", arg: "copy", }, { name: "clipboard", rawName: "v-clipboard:success", value: t.onCopy, expression: "onCopy", arg: "success", }, { name: "clipboard", rawName: "v-clipboard:error", value: t.onError, expression: "onError", arg: "error", }, ], staticClass: "clear-button grey-circle mr-2", }, [o("img", { attrs: { src: i("5974") } })] ), o("social-sharing", { attrs: { url: t.shareURL, title: "Vicostone", description: "Vicostone description.", quote: "Vicostone quote.", hashtags: "vicostone", }, inlineTemplate: { render: function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "div", { staticStyle: { display: "initial" } }, [ o( "network", { attrs: { network: "whatsapp" } }, [ o( "button", { staticClass: "clear-button grey-circle mr-2", attrs: { hidden: "" }, }, [ o("img", { attrs: { src: i("4f1b") }, }), ] ), ] ), o( "network", { attrs: { network: "facebook" } }, [ o( "button", { staticClass: "clear-button grey-circle mr-2", }, [ o("img", { attrs: { src: i("412b") }, }), ] ), ] ), // o( // "network", // { attrs: { network: "twitter" } }, // [ // o( // "button", // { // staticClass: // "clear-button grey-circle mr-2", // }, // [ // o("img", { // attrs: { src: i("1f7e") }, // }), // ] // ), // ] // ), o( "network", { attrs: { network: "whatsapp" } }, [ o( "button", { staticClass: "clear-button grey-circle mr-2", // attrs: { hidden: "" }, }, [ o("img", { // attrs: { src: i("4f1b") }, attrs: { src: i("da0ewhalight"), }, }), ] ), ] ), o( "network", { attrs: { network: "linkedin" } }, [ o( "button", { staticClass: "clear-button grey-circle mr-2", }, [ o("img", { attrs: { src: i("da0elinlight"), }, }), ] ), ] ), ], 1 ); }, staticRenderFns: [], }, }), ], 1 ), ] ) : t._e(), o( "div", { directives: [ { name: "click-outside", rawName: "v-click-outside", value: t.outsidePicker, expression: "outsidePicker", }, ], }, [ t.detailsComponent ? o("ProductDetail", { key: t.selectedPicker.surface_image.product_id, attrs: { productId: t.selectedPicker.surface_image.product_id, currentMarket: t.currentMarket, isMobile: t.isMobile, }, on: { "close-details": t.closeDetails }, }) : t._e(), t.isMobile ? o( "div", { staticClass: "picker-control", class: { "bottom-zero": t.pickerControl }, staticStyle: { "z-index": "80" }, }, [ t.pickerControl ? o( "div", { staticClass: "float-right fixed-bottom-right", }, [ o( "button", { staticClass: "clear-button close-picker-button", on: { click: function (e) { t.pickerControl = !1; }, }, }, [ o("img", { staticStyle: { height: "16px" }, attrs: { src: i("bb7c") }, }), ] ), ] ) : t._e(), o( "div", { staticClass: "surface-header" }, [ o( "span", { staticClass: "picker-title mr-4 uppercase" }, [t._v(t._s(t.$t("picker.surface")))] ), o( "multiselect", { staticClass: "mb-4", staticStyle: { width: "200px", display: "inline-block", }, attrs: { "show-labels": !1, "track-by": "id", label: "name", placeholder: "Select one", options: t.loadedPickers, searchable: !1, "allow-empty": !1, }, model: { value: t.selectedPicker, callback: function (e) { t.selectedPicker = e; }, expression: "selectedPicker", }, }, [ o("template", { slot: "selection" }, [ t._v(t._s(t.$t("picker.choose-surface"))), ]), ], 2 ), t.isSurface ? o( "button", { staticClass: "clear-button float-right", class: { "arrow-transform-up": t.isSurface, }, on: { click: t.surfaceToggle }, }, [o("img", { attrs: { src: i("e2a8") } })] ) : t._e(), t.isSurface ? t._e() : o( "button", { staticClass: "clear-button float-right arrow-rotate", class: { "arrow-transform-down": !t.isSurface, }, on: { click: t.surfaceToggle }, }, [o("img", { attrs: { src: i("e2a8") } })] ), ], 1 ), o( "div", { staticClass: "surface-body d-flex flex-nowrap" }, t._l(t.loadedPickers, function (e, i) { return o( "span", { key: i }, [ o( "transition", { attrs: { name: "slide-fade" } }, [ t.isSurface ? o( "div", { staticClass: "surface-img" }, [ o( "button", { staticClass: "clear-button", on: { click: [ function (o) { return t.choosePicker( e, i ); }, function (e) { return t.$emit( "choose-picker", t.pickerSidebar ); }, ], }, }, [ o("img", { attrs: { src: e.icon_image, }, }), ] ), ] ) : t._e(), ] ), ], 1 ); }), 0 ), o( "div", { staticClass: "chosen-surface w-100 d-flex align-items-center m-1 mt-3 mb-3", }, [ o("img", { attrs: { src: t.selectedPicker.icon_image }, }), o( "div", { staticClass: "d-flex flex-column ml-3" }, [ o( "span", { staticClass: "surface-product" }, [ t._v( " " + t._s(t.selectedPicker.name) + " " ), o( "button", { staticClass: "clear-button" }, [ o("img", { staticClass: "ml-2 detail-info-mobile", attrs: { src: i("1471") }, on: { click: function (e) { return t.openDetails(); }, }, }), ] ), ] ), void 0 != t.selectedPicker.surface_image ? o( "span", { staticClass: "surface-name" }, [ t._v( t._s( t.selectedPicker.surface_image .product_code ) + " - " + t._s( t.selectedPicker.surface_image .product_names ) + t._s( t.selectedPicker.surface_image .names ) ), ] ) : t._e(), ] ), ] ), o("hr"), o("div", { staticClass: "filter-header mt-2 mb-2" }, [ o( "span", { staticClass: "picker-title uppercase" }, [t._v(t._s(t.$t("picker.filter")))] ), t.filterComponent ? o( "button", { staticClass: "clear-button float-right", class: { "arrow-transform-up": t.filterComponent, }, on: { click: t.filterToggle }, }, [o("img", { attrs: { src: i("e2a8") } })] ) : t._e(), t.filterComponent ? t._e() : o( "button", { staticClass: "clear-button float-right arrow-rotate", class: { "arrow-transform-down": !t.filterComponent, }, on: { click: t.filterToggle }, }, [o("img", { attrs: { src: i("e2a8") } })] ), ]), t.filterComponent ? o("span", [ o("div", { staticClass: "mt-2 mb-2" }, [ o( "span", { staticClass: "picker-title uppercase" }, [t._v(t._s(t.$t("picker.coating")) + ":")] ), o( "div", { staticClass: "d-flex align-items-center", }, [ o( "fieldset", { attrs: { id: "product-finish", hidden: "", }, }, t._l(t.coating, function (e) { return o("span", { key: e.id }, [ o( "label", { staticClass: "radio-container", }, [ t._v(" " + t._s(e.name) + " "), o("input", { directives: [ { name: "model", rawName: "v-model", value: e.selected, expression: "item.selected", }, ], attrs: { type: "radio", name: "product-finish", }, domProps: { checked: t._q( e.selected, null ), }, on: { change: function (i) { return t.$set( e, "selected", null ); }, }, }), o("span", { staticClass: "checkmark", }), ] ), ]); }), 0 ), o( "fieldset", t._l(t.coating, function (e) { return o("span", { key: e.id }, [ o( "label", { staticClass: "styled" }, [ o("input", { directives: [ { name: "model", rawName: "v-model", value: e.selected, expression: "item.selected", }, ], attrs: { type: "checkbox" }, domProps: { checked: Array.isArray( e.selected ) ? t._i(e.selected, null) > -1 : e.selected, }, on: { change: function (i) { var o = e.selected, a = i.target, s = !!a.checked; if (Array.isArray(o)) { var n = null, r = t._i(o, n); a.checked ? r < 0 && t.$set( e, "selected", o.concat([n]) ) : r > -1 && t.$set( e, "selected", o .slice(0, r) .concat( o.slice(r + 1) ) ); } else t.$set( e, "selected", s ); }, }, }), o("span"), t._v(" " + t._s(e.name) + " "), ] ), ]); }), 0 ), ] ), o("div"), ]), o("div", { staticClass: "mt-2 mb-2" }, [ o( "span", { staticClass: "picker-title uppercase" }, [ t._v( t._s(t.$t("picker.collection")) + ":" ), ] ), o("div", { staticClass: "mt-2 mb-2" }, [ o( "div", { staticClass: "d-flex flex-wrap primary-hex", }, t._l( t.selectedCollection, function (e, a) { return o("span", { key: e.id }, [ o( "div", { staticClass: "chosen-ddl d-flex align-items-center", }, [ t._v(" " + t._s(e.name) + " "), o( "button", { staticClass: "clear-button", on: { click: function (e) { return t.removeCollection( a ); }, }, }, [ o("img", { attrs: { src: i("1670") }, }), ] ), ] ), ]); } ), 0 ), ]), o( "div", [ o( "multiselect", { attrs: { "show-labels": !1, options: t.collection, multiple: !0, "close-on-select": !0, "clear-on-select": !1, "preserve-search": !0, placeholder: "placeholder is hidden from CSS", label: "name", "track-by": "name", searchable: !1, }, model: { value: t.selectedCollection, callback: function (e) { t.selectedCollection = e; }, expression: "selectedCollection", }, }, [ o("template", { slot: "selection" }, [ t._v( t._s( t.$t("picker.choose-collection") ) ), ]), ], 2 ), ], 1 ), ]), o("div", { staticClass: "mt-2 mb-2" }, [ o( "span", { staticClass: "picker-title uppercase" }, [t._v(t._s(t.$t("picker.hue")) + ":")] ), o( "div", { staticClass: "hue-body d-flex flex-nowrap mt-2 mb-2", }, t._l(t.hues, function (e, i) { return o("span", { key: i }, [ o("button", { staticClass: "hue-picker", class: { "chosen-color": e.selected }, style: { background: "#" + e.hex_code, }, on: { click: function (e) { return t.hueClick(i); }, }, }), ]); }), 0 ), ]), o( "div", { staticClass: "row pl-3 pr-3 pt-2" }, [ o( "button", { staticClass: "col btn mr-2 btn-secondary uppercase", on: { click: t.resetFilter }, }, [t._v(t._s(t.$t("picker.reset-filter")))] ), o( "button", { staticClass: "col btn btn-primary uppercase", on: { click: t.applyFilter }, }, [t._v(t._s(t.$t("picker.apply-filter")))] ), ] ), ]) : t._e(), o("hr"), o("div", [ o("div", { staticClass: "mt-2 mb-2" }, [ o("input", { directives: [ { name: "model", rawName: "v-model", value: t.productSearch, expression: "productSearch", }, ], staticClass: "app-search__input search-product", attrs: { type: "search", placeholder: t.$t("picker.search-product"), }, domProps: { value: t.productSearch }, on: { input: function (e) { e.target.composing || (t.productSearch = e.target.value); }, }, }), t._m(0), ]), o( "div", { staticClass: "mt-3 mb-2 product-body", style: { height: t.productBodyHeight + "px" }, }, [ o( "div", { staticClass: "d-flex flex-wrap" }, [ void 0 != t.sortedSelectedProducts && 0 == t.sortedSelectedProducts.length ? o("span", [ t._v(t._s(t.$t("alert.no-product"))), ]) : t._e(), t._l( t.sortedSelectedProducts, function (e) { return o( "span", { key: e.id }, [ o( "transition", { attrs: { name: "slide-fade" } }, [ o( "div", { staticClass: "surface-img", on: { click: function (i) { return t.changeSurface( e ); }, }, }, [ o("img", { attrs: { src: e.product_image, }, }), o( "div", { class: { "active-surface-mobile": e.id == t.selectedPicker .surface_image.id, }, }, [ e.id == t.selectedPicker .surface_image.id ? o("img", { attrs: { src: i("1bee"), }, }) : t._e(), ] ), o("p", [ t._v( t._s( e.names.substring( 0, 6 ) + "" ) ), ]), ] ), ] ), ], 1 ); } ), ], 2 ), ] ), ]), ] ) : t._e(), t.pickerSidebar || t.isMobile ? t._e() : o("div", {}, [ o( "div", { staticClass: "picker-menu-icon", staticStyle: { right: "0", "z-index": "55" }, }, [ o( "button", { staticClass: "clear-button m-3", on: { click: [ function (e) { return t.$emit( "choose-picker", t.pickerSidebar ); }, function (e) { return t.pickerToggle( t.loadedPickers[0], 0 ); }, ], }, }, [ o("img", { staticStyle: { height: "26px" }, attrs: { src: i("f403") }, }), ] ), ] ), ]), t.isMobile ? t._e() : o("div", {}, [ o( "div", { staticClass: "picker-menu-icon picker-sidebar-close", class: { "picker-sidebar-close-on": t.pickerSidebar, }, }, [ o( "button", { staticClass: "clear-button m-3", on: { click: function (e) { return t.$emit( "close-picker", t.pickerSidebar ); }, }, }, [ o("img", { staticClass: "mt-2", staticStyle: { height: "16px" }, attrs: { src: i("bb7c") }, }), ] ), ] ), o( "div", { staticClass: "pckr-container p-3", class: { "right-zero": t.pickerSidebar }, }, [ o( "div", [ o("span", { staticClass: "uppercase mr-3" }, [ t._v( t._s(t.$t("picker.customize-for")) + ":" ), ]), o( "multiselect", { staticClass: "mb-3", staticStyle: { width: "200px", display: "inline-block", }, attrs: { "show-labels": !1, "track-by": "id", label: "name", placeholder: "Select one", options: t.loadedPickers, searchable: !1, "allow-empty": !1, }, model: { value: t.selectedPicker, callback: function (e) { t.selectedPicker = e; }, expression: "selectedPicker", }, }, [ o("template", { slot: "selection" }, [ t._v(t._s(t.$t("picker.choose-surface"))), ]), ], 2 ), ], 1 ), o( "div", { staticClass: "surface-body-d d-flex flex-nowrap", }, t._l(t.loadedPickers, function (e, i) { return o( "span", { key: i }, [ o( "transition", { attrs: { name: "slide-fade" } }, [ t.isSurface ? o( "div", { staticClass: "surface-img" }, [ o( "button", { staticClass: "clear-button", on: { click: function (o) { return t.choosePicker( e, i ); }, }, }, [ o( "div", { staticStyle: { position: "relative", }, }, [ o("img", { staticClass: "desktop-picker", attrs: { src: e.icon_image, }, }), o("div", { class: { chosen: e == t.selectedPicker, }, }), ] ), ] ), ] ) : t._e(), ] ), ], 1 ); }), 0 ), t.selectedPicker.id >= 0 ? o("div", { staticClass: "mt-3 ml-1" }, [ o("div", { staticClass: "uppercase pb-3" }, [ t._v( t._s(t.$t("picker.selected-material")) ), ]), o( "div", { staticClass: "d-flex justify-content-start", }, [ o("img", { staticClass: "pckr-product", attrs: { src: t.selectedPicker.icon_image, }, }), o( "div", { staticClass: "d-flex flex-column ml-4 align-self-center", }, [ o( "span", { staticClass: "surface-product" }, [ t._v( " " + t._s(t.selectedPicker.name) + " " ), o( "button", { staticClass: "clear-button spinner-relative", }, [ t.detailsComponent ? t._e() : o("div", { staticClass: "spinner-animation", }), o("img", { staticClass: "ml-2 detail-info", attrs: { src: i("1471") }, on: { click: function (e) { return t.openDetails(); }, }, }), ] ), ] ), o( "span", { staticClass: "surface-name" }, [ t._v( t._s( t.selectedPicker.surface_image .product_code ) + " - " + t._s( t.selectedPicker .surface_image .product_names ) + t._s( t.selectedPicker .surface_image.names ) ), ] ), ] ), ] ), ]) : t._e(), o( "div", { staticClass: "d-flex justify-content-between mt-3", }, [ o("div", { attrs: { hidden: "" }, }, [ t.filterComponent ? t._e() : o( "button", { staticClass: "clear-button filter-button", on: { click: t.filterToggle }, }, [ o("span", [ o("img", { staticClass: "mr-2", attrs: { src: i("dcc7") }, }), t._v( " " + t._s(t.$t("picker.filter")) + " " ), ]), ] ), t.filterComponent ? o( "button", { staticClass: "clear-button filter-button close-filter", on: { click: t.filterToggle }, }, [ o("span", [ o("img", { staticClass: "mr-2", attrs: { src: i("49c8") }, }), t._v( " " + t._s(t.$t("picker.cancel")) + " " ), ]), ] ) : t._e(), ]), o("div", { staticStyle: { // width: "360px" width: "100%" } }, [ o("input", { directives: [ { name: "model", rawName: "v-model", value: t.productSearch, expression: "productSearch", }, ], staticClass: "app-search__input search-product desktop", attrs: { type: "search", placeholder: t.$t( "picker.search-product" ), }, domProps: { value: t.productSearch }, on: { input: function (e) { e.target.composing || (t.productSearch = e.target.value); }, }, }), t._m(1), ]), ] ), o( "div", { staticClass: "d-flex align-content-start flex-wrap mt-3 desktop-product", style: { height: t.innerHeight - 380 + "px" }, }, [ void 0 != t.sortedSelectedProducts && 0 == t.sortedSelectedProducts.length ? o("span", [ t._v(t._s(t.$t("alert.no-product"))), ]) : t._e(), t._l(t.sortedSelectedProducts, function (e) { return o( "span", { key: e.id }, [ o( "transition", { attrs: { name: "slide-fade" } }, [ o( "button", { staticClass: "clear-button", on: { click: function (i) { return t.changeSurface(e); }, mouseenter: function (i) { return t.showDetailonHover(e); }, mouseleave: function (i) { return t.closeDetailonHover( e ); }, }, }, [ o( "div", { staticClass: "surface-img square-div mb-3", }, [ o( "div", { staticStyle: { position: "relative", }, }, [ o("img", { staticClass: "desktop-picker-product", attrs: { src: e.product_image, id: "tooltip-target-" + e.id, }, }), o( "div", { class: { "active-surface": e.id == t.selectedPicker .surface_image .id, }, }, [ e.id == t.selectedPicker .surface_image.id ? o("img", { attrs: { src: i( "1bee" ), }, }) : t._e(), ] ), ] ), o( "p", { staticClass: "bold" }, [ t._v( t._s( e.names.substring( 0, 15 ) + "" ) ), ] ), o( "p", { staticClass: "primary-hex", }, [t._v(t._s(e.product_code))] ), ] ), ] ), ] ), o( "b-tooltip", { attrs: { placement: "bottom", variant: "light", target: "tooltip-target-" + e.id, triggers: "hover focus", delay: "0", noninteractive: "", }, }, [ o("img", { attrs: { src: e.product_default_image, }, }), ] ), ], 1 ); }), ], 2 ), ] ), ]), t.filterComponent && t.pickerSidebar && !t.isMobile ? o("div", { staticClass: "picker-filter p-4" }, [ o("div", { staticClass: "filter-header mt-2 mb-2" }, [ o("span", { staticClass: "picker-title uppercase" }, [ t._v(t._s(t.$t("picker.filter"))), ]), ]), o("span", [ o("div", { staticClass: "mt-2 mb-2" }, [ o( "span", { staticClass: "picker-title uppercase" }, [t._v(t._s(t.$t("picker.coating")) + ":")] ), o( "div", { staticClass: "d-flex align-items-center" }, [ o( "fieldset", { attrs: { id: "product-finish", hidden: "" }, }, t._l(t.coating, function (e) { return o("span", { key: e.id }, [ o( "label", { staticClass: "radio-container" }, [ t._v(" " + t._s(e.name) + " "), o("input", { directives: [ { name: "model", rawName: "v-model", value: e.selected, expression: "item.selected", }, ], attrs: { type: "radio", name: "product-finish", }, domProps: { checked: t._q(e.selected, null), }, on: { change: function (i) { return t.$set( e, "selected", null ); }, }, }), o("span", { staticClass: "checkmark", }), ] ), ]); }), 0 ), o( "fieldset", t._l(t.coating, function (e) { return o("span", { key: e.id }, [ o("label", { staticClass: "styled" }, [ o("input", { directives: [ { name: "model", rawName: "v-model", value: e.selected, expression: "item.selected", }, ], attrs: { type: "checkbox" }, domProps: { checked: Array.isArray(e.selected) ? t._i(e.selected, null) > -1 : e.selected, }, on: { change: function (i) { var o = e.selected, a = i.target, s = !!a.checked; if (Array.isArray(o)) { var n = null, r = t._i(o, n); a.checked ? r < 0 && t.$set( e, "selected", o.concat([n]) ) : r > -1 && t.$set( e, "selected", o .slice(0, r) .concat(o.slice(r + 1)) ); } else t.$set(e, "selected", s); }, }, }), o("span"), t._v(" " + t._s(e.name) + " "), ]), ]); }), 0 ), ] ), o("div"), ]), o("div", { staticClass: "mt-2 mb-2" }, [ o( "span", { staticClass: "picker-title uppercase" }, [t._v(t._s(t.$t("picker.collection")) + ":")] ), o("div", { staticClass: "mt-2 mb-2" }, [ o( "div", { staticClass: "d-flex flex-wrap primary-hex" }, t._l(t.selectedCollection, function (e, a) { return o("span", { key: e.id }, [ o( "div", { staticClass: "chosen-ddl d-flex align-items-center", }, [ t._v(" " + t._s(e.name) + " "), o( "button", { staticClass: "clear-button", on: { click: function (e) { return t.removeCollection(a); }, }, }, [ o("img", { attrs: { src: i("1670") }, }), ] ), ] ), ]); }), 0 ), ]), o( "div", [ o( "multiselect", { attrs: { "show-labels": !1, options: t.collection, multiple: !0, "close-on-select": !0, "clear-on-select": !1, "preserve-search": !0, placeholder: "placeholder is hidden from CSS", label: "name", "track-by": "name", searchable: !1, }, model: { value: t.selectedCollection, callback: function (e) { t.selectedCollection = e; }, expression: "selectedCollection", }, }, [ o("template", { slot: "selection" }, [ t._v( t._s(t.$t("picker.choose-collection")) ), ]), ], 2 ), ], 1 ), ]), o("div", { staticClass: "mt-2 mb-2" }, [ o("span", { staticClass: "picker-title" }, [ t._v(t._s(t.$t("picker.hue")) + ":"), ]), o( "div", { staticClass: "d-flex flex-wrap mt-2 mb-2" }, t._l(t.hues, function (e, i) { return o("span", { key: i }, [ o("button", { staticClass: "hue-picker", class: { "chosen-color": e.selected }, style: { background: "#" + e.hex_code }, on: { click: function (e) { return t.hueClick(i); }, }, }), ]); }), 0 ), ]), ]), o("div", { staticClass: "row pl-3 pr-3 pt-2" }, [ o( "button", { staticClass: "col btn mr-2 btn-secondary uppercase", on: { click: t.resetFilter }, }, [t._v(t._s(t.$t("picker.reset-filter")))] ), o( "button", { staticClass: "col btn btn-primary uppercase", on: { click: t.applyFilter }, }, [t._v(t._s(t.$t("picker.apply-filter")))] ), ]), ]) : t._e(), ], 1 ), t.contactComponent ? o( "div", { staticClass: "submenu-container p-4", staticStyle: { "z-index": "30" }, }, [ o("h2", [t._v("CONTACT VICOSTONE")]), o("p", [ t._v( "Timeless design combined with unparalleled quality and ingenuity enables us to create unique and beautiful, Quartz stone surfaces that reflects your personality down to every last detail." ), ]), o("ContactUsForm"), ], 1 ) : t._e(), t.locationComponent ? o( "div", { directives: [ { name: "click-outside", rawName: "v-click-outside", value: t.outsideLocation, expression: "outsideLocation", }, ], staticClass: "submenu-container", staticStyle: { "z-index": "30" }, }, [ o("h2", { staticClass: "ml-3 mb-2 mt-2" }, [ t._v(t._s(t.$t("nearest-location"))), ]), o("LocationComponent", { attrs: { innerHeight: t.innerHeight, innerWidth: t.innerWidth, hotline: t.hotline, locationComponent: t.locationComponent, currentMarket: t.currentMarket, productIdQuery: t.productIdQuery, isMobile: t.isMobile, }, on: { "open-location": t.openLocation }, }), ], 1 ) : t._e(), t.compareComponent ? o( "div", { staticClass: "submenu-container", staticStyle: { "z-index": "90" }, }, [ o("CompareComponent", { attrs: { isMobile: t.isMobile, compareRoom1: t.compareRoom1, compareRoom2: t.compareRoom2, }, on: { "outside-compare": t.outsideCompare }, }), ], 1 ) : t._e(), o( "div", [ o( "panZoom", { ref: "panZoom", attrs: { selector: "#zoomable", height: "100%", width: "100%", options: { bounds: !0, boundsPadding: 1, minZoom: 1, maxZoom: 2, smoothScroll: !1, zoomDoubleClickSpeed: 1, beforeWheel: function (t) { var e = !t.altKey; return e; }, beforeMouseDown: function (e) { var i = !t.isZoomedIn; return i; }, onTouch: function (t) { return !1; }, }, }, on: { init: t.onInit }, }, [ o( "div", { attrs: { id: "zoomable" } }, [ o( "div", { staticStyle: { height: "0px" } }, t._l(t.loadedPickers, function (e, a) { return o("span", { key: a }, [ o( "button", { staticClass: "clear-button", on: { click: [ function (i) { return t.pickerToggle(e, a); }, function (e) { return t.$emit( "sidebar-picker", t.menuSidebar ); }, ], }, }, [ o( "div", { staticClass: "picker-location d-flex justify-content-center align-items-center", style: { top: e.top_position - 0 + "px", left: e.left_position - 0 + "px", }, }, [ o( "div", { staticStyle: { position: "relative", "z-index": "29", }, }, [ o("img", { staticClass: "image1", attrs: { src: i("7810") }, }), o( "span", { staticClass: "image2" }, [ o("img", { staticStyle: { width: "20px", height: "20px", }, attrs: { src: e.icon_image }, }), ] ), ] ), ] ), ] ), ]); }), 0 ), t._l(t.loadedPickers, function (e, i) { return o("span", { key: "surfaceImgs" + i }, [ null != e.surface_image.image ? o("img", { staticClass: "room-img", style: t.baseStyle, attrs: { id: "surface_" + e.id, src: e.surface_image.image, }, }) : t._e(), ]); }), null != t.loadedRoom ? o("img", { key: t.componentKey, staticClass: "room-img", style: t.baseStyle, attrs: { src: t.loadedRoom.image }, on: { load: t.getSetHeight, click: function (e) { t.$emit("close-picker", t.pickerSidebar), t.$emit("close-cart", t.cartSidebar); }, }, }) : t._e(), ], 2 ), ] ), ], 1 ), t.zoomCount > 0 && !t.isMobile ? o( "div", { staticClass: "zoom-out-reset", on: { click: function (e) { return t.zoomm("out"); }, }, }, [o("img", { attrs: { src: i("64d0") } })] ) : t._e(), 0 != t.zoomCount || t.isMobile ? t._e() : o( "div", { staticClass: "zoom-out-reset", on: { click: t.zoomOut } }, [o("img", { attrs: { src: i("64d0") } })] ), 2 == t.zoomCount || t.isMobile ? t._e() : o( "div", { staticClass: "zoom-in-more", on: { click: function (e) { return t.zoomm("in"); }, }, }, [o("img", { attrs: { src: i("e29e") } })] ), t.isZoomOut && !t.isMobile ? o( "div", { staticClass: "zoom-out", on: { click: t.zoomIn } }, [o("img", { attrs: { src: i("e29e") } })] ) : t._e(), t.zoomCount > 0 && t.isMobile ? o( "div", { staticClass: "zoom-out-reset", on: { click: t.zoomOut } }, [o("img", { attrs: { src: i("64d0") } })] ) : t._e(), 0 == t.zoomCount && t.isMobile ? o( "div", { staticClass: "zoom-out", on: { click: t.zoomIn } }, [o("img", { attrs: { src: i("e29e") } })] ) : t._e(), 1 == t.zoomCount && t.isMobile ? o( "div", { staticClass: "zoom-in-more", on: { click: function (e) { return t.zoomm("in"); }, }, }, [o("img", { attrs: { src: i("e29e") } })] ) : t._e(), 2 == t.zoomCount && t.isMobile ? o( "div", { staticClass: "zoom-out-reset", on: { click: function (e) { return t.zoomm("out"); }, }, }, [o("img", { attrs: { src: i("64d0") } })] ) : t._e(), ], 1 ); }), Y = [ function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("button", { staticClass: "clear-button search-icon" }, [ o("img", { attrs: { src: i("a191") } }), ]); }, function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "button", { staticClass: "clear-button search-icon desktop" }, [o("img", { attrs: { src: i("a191") } })] ); }, ], X = (i("13d5"), i("a434"), function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { staticClass: "spinner" }, [ t.isMobile ? o("div", { staticClass: "mobile-container" }, [ null != t.detailData ? o("div", { staticClass: "d-flex flex-column" }, [ o("div", { staticClass: "mobile-img" }, [ o("img", { class: { zoomImg: t.isZoomImage }, attrs: { src: t.detailData.images[0].image }, on: { click: t.clickImage }, }), ]), o("div", { staticClass: "mt-4 ml-4 mr-4 mb-2" }, [ o("h1", [t._v(t._s(t.detailData.name))]), o("h2", [t._v(t._s(t.detailData.product_code))]), o("h3", [t._v(t._s(t.detailData.collection))]), o("p", [t._v(t._s(t.detailData.description))]), ]), o("div", { staticClass: "detail-border ml-4 mr-4" }), o( "div", { staticClass: "m-4" }, [ o("h3", [ t._v(t._s(t.$t("detail.technical-spec"))), ]), o("h4", { staticClass: "mt-4" }, [ t._v(t._s(t.$t("detail.slab-dimension"))), ]), t._l(t.detailData.slabs, function (e) { return o("span", { key: e.id }, [ o("p", { staticClass: "mb-0" }, [ t._v(t._s(e.name)), ]), o("p", {}, [ t._v( t._s(e.width) + t._s(e.dimension_unit) + "x" + t._s(e.height) + t._s(e.dimension_unit) + " (" + t._s(e.alias_width) + "x" + t._s(e.alias_height) + t._s(e.alias_unit) + ")" ), ]), ]); }), o("h4", { staticClass: "mt-4" }, [ t._v(t._s(t.$t("detail.thickness-option"))), ]), t._l(t.detailData.thicknesses, function (e) { return o("span", { key: e.id }, [ o("p", {}, [ t._v( t._s(e.dimension) + t._s(e.dimension_unit) + " (" + t._s(e.alias) + t._s(e.alias_unit) + ")" ), ]), ]); }), o("h4", { staticClass: "mt-4" }, [ t._v(t._s(t.$t("detail.finish-type"))), ]), t._l(t.detailData.finish_types, function (e) { return o("span", { key: e.id }, [ o("p", {}, [t._v(t._s(e))]), ]); }), ], 2 ), o("hr"), ]) : t._e(), o("div", { staticClass: "float-right fixed-bottom-right" }, [ o( "button", { staticClass: "clear-button close-picker-button", on: { click: t.closeMobileDetail }, }, [ o("img", { staticStyle: { height: "16px" }, attrs: { src: i("bb7c") }, }), ] ), ]), ]) : o("div", [ null != t.detailData ? o( "div", { directives: [ { name: "click-outside", rawName: "v-click-outside", value: t.outsideDetail, expression: "outsideDetail", }, ], staticClass: "product-details d-flex justify-content-start", style: t.styleObject, }, [ o("div", { staticClass: "col detail-img pr-3" }, [ o("img", { staticClass: "detail-img", attrs: { src: t.detailData.images[0].image }, }), ]), o("div", { staticClass: "col-6 detail-desc pt-3" }, [ o("h1", [t._v(t._s(t.detailData.name))]), o("h2", [t._v(t._s(t.detailData.product_code))]), o("h3", [t._v(t._s(t.detailData.collection))]), o("p", [t._v(t._s(t.detailData.description))]), ]), o( "div", { staticClass: "col detail-spec pt-3" }, [ o("h3", [ t._v(t._s(t.$t("detail.technical-spec"))), ]), o("h4", { staticClass: "mt-4" }, [ t._v(t._s(t.$t("detail.slab-dimension"))), ]), t._l(t.detailData.slabs, function (e) { return o("span", { key: e.id }, [ o("p", { staticClass: "mb-0" }, [ t._v(t._s(e.name)), ]), o("p", {}, [ t._v( t._s(e.width) + t._s(e.dimension_unit) + "x" + t._s(e.height) + t._s(e.dimension_unit) + " (" + t._s(e.alias_width) + "x" + t._s(e.alias_height) + t._s(e.alias_unit) + ")" ), ]), ]); }), o("h4", { staticClass: "mt-4" }, [ t._v(t._s(t.$t("detail.thickness-option"))), ]), t._l(t.detailData.thicknesses, function (e) { return o("span", { key: e.id }, [ o("p", {}, [ t._v( t._s(e.dimension) + t._s(e.dimension_unit) + " (" + t._s(e.alias) + t._s(e.alias_unit) + ")" ), ]), ]); }), o("h4", { staticClass: "mt-4" }, [ t._v(t._s(t.$t("detail.finish-type"))), ]), t._l(t.detailData.finish_types, function (e) { return o("span", { key: e.id }, [ o("p", {}, [t._v(t._s(e))]), ]); }), ], 2 ), ] ) : t._e(), ]), ]); }), tt = [], et = { name: "ProductDetail", props: ["productId", "displayedWidth", "currentMarket", "isMobile"], data: function () { return { detailData: null, isZoomImage: !1 }; }, methods: { outsideDetail: function () { this.$emit("close-details"); }, closeMobileDetail: function () { this.$emit("close-details"); }, clickImage: function () { this.isZoomImage = !this.isZoomImage; }, }, computed: { styleObject: function () { var t = {}; return ( (t = window.innerWidth <= 768 ? { width: "768px", "margin-top": (window.innerHeight - 400) / 2 + "px", } : { width: "768px", "margin-left": (window.innerWidth - 768 - 480) / 2 + "px", "margin-top": (window.innerHeight - 400) / 2 + "px", }), t ); }, }, created: function () { var t = this; G.a .get( "/product_retrieve/" + this.productId + "/?market=" + this.currentMarket + "&language=" + this.$route.params.lang ) .then(function (e) { return (t.detailData = e.data.data); }); }, }, it = et, ot = (i("784c"), Object(n["a"])(it, X, tt, !1, null, "745d2d6c", null)), at = ot.exports, st = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i("div", {}, [ t.isMobile ? i("div", { staticClass: "mobile-viewport" }, [ 0 == t.tourStep ? i( "div", { staticClass: "mobile gl", staticStyle: { top: "100px", left: "100px" }, style: { top: t.activePicker.top_position + 54 + "px", left: "0px", }, }, [ i("div", { staticClass: "arrow-up", style: { "margin-left": t.activePicker.left_position - 4 + "px", }, }), i("div", { staticClass: "gl-head" }, [ t._v(t._s(t.$t("guideline.picker"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.picker-body"))), ]), i( "div", { staticClass: "gl-buttons mt-3 d-flex flex-row-reverse", }, [ i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), ] ), ] ) : t._e(), ]) : i("div", { staticClass: "desktop-viewport" }, [ 0 == t.tourStep ? i( "div", { staticClass: "gl", staticStyle: { top: "100px", left: "100px" }, style: { top: t.activePicker.top_position + 54 + "px", left: t.activePicker.left_position + "px", }, }, [ i("div", { staticClass: "arrow-up" }), i("div", { staticClass: "gl-head" }, [ t._v(t._s(t.$t("guideline.picker"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.picker-body"))), ]), i( "div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ] ), ] ) : t._e(), ]), ]); }, nt = [], rt = { name: "PickerGuideline", props: ["activePicker", "isMobile"], data: function () { return { tourStep: 0 }; }, computed: { outerWidth: function () { var t = document.body.clientWidth; return t; }, }, methods: { skipTour: function () { (this.tourStep = 0), this.$emit("skip-picker-guideline"); }, nextTour: function () { this.tourStep++, 1 == this.tourStep && this.$emit("finish-picker-guideline"); }, }, }, ct = rt, lt = (i("a5bb"), Object(n["a"])(ct, st, nt, !1, null, "f059a9ca", null)), ut = lt.exports, dt = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i("div", {}, [ t.isMobile ? t._e() : i("div", { staticClass: "desktop-viewport" }, [ 0 == t.tourStep ? i("div", { staticClass: "gl gl-1" }, [ i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.product-filter"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.product-filter-body"))), ]), i("div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ]), i("div", { staticClass: "arrow-down" }), ]) : t._e(), ]), t.isMobile ? i("div", { staticClass: "mobile-viewport" }, [ 0 == t.tourStep ? i( "div", { staticClass: "mobile gl", staticStyle: { top: "calc(30vh + 86px)" }, }, [ i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.product-filter"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.product-filter-body"))), ]), i( "div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ] ), i("div", { staticClass: "arrow-down" }), ] ) : t._e(), ]) : t._e(), ]); }, mt = [], ht = { name: "FilterGuideline", data: function () { return { tourStep: 0 }; }, props: ["isMobile"], methods: { skipTour: function () { (this.tourStep = 0), this.$emit("skip-filter-guideline"); }, nextTour: function () { this.tourStep++, 1 == this.tourStep && this.$emit("finish-filter-guideline"); }, }, }, pt = ht, gt = (i("5cd1"), Object(n["a"])(pt, dt, mt, !1, null, "33b395ad", null)), ft = gt.exports, bt = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i("div", {}, [ t.isMobile ? t._e() : i("div", { staticClass: "desktop-viewport" }, [ 0 == t.tourStep ? i("div", { staticClass: "gl gl-1" }, [ i("div", { staticClass: "float-right arrow-right" }), i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.select-picker"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.select-picker-body"))), ]), i("div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ]), ]) : t._e(), 1 == t.tourStep ? i("div", { staticClass: "gl gl-2" }, [ i("div", { staticClass: "float-right arrow-right" }), i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.detail-info"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.detail-info-body"))), ]), i("div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ]), ]) : t._e(), 2 == t.tourStep ? i("div", { staticClass: "gl gl-3" }, [ i("div", { staticClass: "float-right arrow-right" }), i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.search-product"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.search-product-body"))), ]), i("div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ]), ]) : t._e(), ]), t.isMobile ? i("div", { staticClass: "mobile-viewport" }, [ 0 == t.tourStep ? i( "div", { staticClass: "mobile gl", staticStyle: { top: "calc(30vh - 160px)" }, }, [ i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.select-picker"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.select-picker-body"))), ]), i( "div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ] ), i("div", { staticClass: "arrow-down" }), ] ) : t._e(), 1 == t.tourStep ? i( "div", { staticClass: "mobile gl", staticStyle: { top: "calc(30vh - 30px)" }, }, [ i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.detail-info"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.detail-info-body"))), ]), i( "div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ] ), i("div", { staticClass: "arrow-down" }), ] ) : t._e(), 2 == t.tourStep ? i( "div", { staticClass: "mobile gl", staticStyle: { top: "calc(30vh + 100px)" }, }, [ i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.search-product"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.search-product-body"))), ]), i( "div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ] ), i("div", { staticClass: "arrow-down" }), ] ) : t._e(), ]) : t._e(), ]); }, vt = [], kt = { name: "SidebarGuideline", data: function () { return { tourStep: 0 }; }, computed: { outerWidth: function () { var t = document.body.clientWidth; return t; }, }, props: ["isMobile"], methods: { skipTour: function () { (this.tourStep = 0), this.$emit("skip-sidebar-guideline"); }, nextTour: function () { this.tourStep++, 3 == this.tourStep && this.$emit("finish-sidebar-guideline"); }, }, }, _t = kt, Ct = (i("836b"), Object(n["a"])(_t, bt, vt, !1, null, "0b84aeab", null)), yt = Ct.exports, wt = function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "div", { attrs: { id: "locationDesktop" } }, [ o( "div", { staticClass: "pl-3 d-flex flex-row" }, [ o("p", [t._v(t._s(t.$t("find-dealer")))]), o("b-form-select", { staticClass: "ml-2 mr-2 mb-2 radius-select", attrs: { options: t.radius }, model: { value: t.chosenRadius, callback: function (e) { t.chosenRadius = e; }, expression: "chosenRadius", }, }), o("p", [t._v("km.")]), ], 1 ), t.distributors.length > 0 ? o( "div", [ o( "GmapMap", { key: t.mapKey, staticStyle: { width: "100%", height: "300px" }, attrs: { options: { streetViewControl: !1, mapTypeControl: !1, fullscreenControl: !1, }, center: t.gmapCenter, zoom: t.gmapZoom, "map-type-id": "roadmap", }, }, [ t._l(t.distributors, function (e, i) { return o("GmapMarker", { key: "gmap_marker_" + i, attrs: { position: e.position, clickable: !0, draggable: !1, icon: t.markerOptions, }, on: { click: function (o) { return t.toggleInfoWindow(e, i); }, }, }); }), o( "gmap-info-window", { attrs: { options: t.infoOptions, position: t.infoWindowPos, opened: t.infoWinOpen, }, on: { closeclick: function (e) { t.infoWinOpen = !1; }, }, }, [ o("div", { domProps: { innerHTML: t._s(t.infoContent) }, }), ] ), ], 2 ), ], 1 ) : t._e(), o("div"), o("div", { staticClass: "pl-3 d-flex flex-row" }), o("div", { staticClass: "pb-3" }, [ t.isNoFound && t.checkProduct ? o("p", { staticClass: "ml-3" }, [ t._v(t._s(t.$t("alert.no-dealer-product-found"))), ]) : t.isNoFound ? o("p", { staticClass: "ml-3" }, [ t._v(t._s(t.$t("alert.no-dealer-found"))), ]) : t._e(), t.isBlockLoc ? o("p", { staticClass: "ml-3" }, [ t._v(t._s(t.$t("alert.block-location"))), ]) : t._e(), ]), o( "div", { staticClass: "pb-4 locContainer", class: { "mobile-locco": t.isMobile }, staticStyle: { "overflow-y": "auto" }, }, t._l(t.allLocs, function (e) { return o( "div", { key: e.id, staticClass: "distributor-item p-3" }, [ void 0 != e ? o("div", { staticClass: "mt-3" }, [ o( "h2", { on: { click: function (i) { return t.chooseDealer(e); }, }, }, [t._v(t._s(e.address))] ), o( "span", { staticClass: "primary-hex loc-name", on: { click: function (i) { return t.openLocationDetail(e); }, }, }, [ t._v(" " + t._s(e.name) + " "), o("img", { staticClass: "info-icon", attrs: { src: i("1471") }, }), ] ), o("p", [t._v(t._s(e.address))]), ]) : t._e(), o("div", { staticClass: "mb-1" }, [ "" != e.phone ? o("span", { staticClass: "store-info" }, [ t._v("P: " + t._s(e.phone)), ]) : t._e(), "" != e.fax ? o("span", { staticClass: "store-info" }, [ t._v("F: " + t._s(e.fax)), ]) : t._e(), "" != e.email ? o("span", { staticClass: "store-info" }, [ o("a", { attrs: { href: "" } }, [ t._v("E: " + t._s(e.email)), ]), ]) : t._e(), "" != e.website ? o("span", { staticClass: "store-info" }, [ o( "a", { attrs: { href: e.website, target: "_blank" } }, [t._v("W: " + t._s(e.website))] ), ]) : t._e(), ]), "United States" == e.region ? o("div", { staticClass: "mb-3" }, [ o("span", [ t._v(t._s(t.$t("order-sample")) + ": "), o( "a", { staticStyle: { color: "#007bff" }, attrs: { href: "https://us.vicostone.com/en/order", }, }, [t._v("https://us.vicostone.com/en/order")] ), ]), ]) : t._e(), ] ); }), 0 ), t.isDetail ? o("LocationDetail", { key: t.detailLocationKey, attrs: { innerHeight: t.innerHeight, innerWidth: t.innerWidth, currentMarket: t.currentMarket, isMobile: t.isMobile, arraySelectedProduct: t.arraySelectedProduct, selectedLocation: t.selectedLocation, }, on: { "open-detail": t.openDetailProduct, "close-loc-detail": t.closeLocDetail, }, }) : t._e(), t.detailsComponent ? o("ProductDetail", { key: t.productId, attrs: { productId: t.productId, currentMarket: t.currentMarket, isMobile: t.isMobile, }, on: { "close-details": t.closeDetails }, }) : t._e(), ], 1 ); }, St = [], xt = (i("99af"), i("a9e3"), function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { attrs: { id: "locationDetail" } }, [ t.isMobile ? o( "div", { directives: [ { name: "click-outside", rawName: "v-click-outside", value: t.outsideDetail, expression: "outsideDetail", }, ], staticClass: "mobile-container p-3", }, [ o("div", { ref: "infoBox" }, [ o("h2", [t._v(t._s(t.selectedLocation.name))]), o("p", { staticClass: "primary-hex" }, [ t._v(t._s(t.selectedLocation.address)), ]), "" != t.selectedLocation.email ? o("p", [t._v("E: " + t._s(t.selectedLocation.email))]) : t._e(), "" != t.selectedLocation.phone ? o("p", [t._v("P: " + t._s(t.selectedLocation.phone))]) : t._e(), o("p", [ o( "a", { attrs: { href: t.selectedLocation.website, target: "_blank", }, }, [t._v("W: " + t._s(t.selectedLocation.website))] ), ]), "" != t.selectedLocation.fax ? o("p", [t._v("F: " + t._s(t.selectedLocation.fax))]) : t._e(), t.chosenProductList.length > 0 ? o("hr") : t._e(), t.chosenProductList.length > 0 ? o("p", [t._v(t._s(t.$t("selected-product")) + ":")]) : t._e(), ]), t.chosenProductList.length > 0 ? o( "div", { staticClass: "mobile-chosen d-flex align-content-start flex-nowrap", }, t._l(t.chosenProductList, function (e, i) { return o( "div", { key: "chosen" + i, on: { click: function (i) { return t.$emit("open-detail", e.product_id); }, }, }, [ o( "div", { staticClass: "mobile-product d-flex flex-column mt-2 align-content-center", }, [ o( "div", { staticClass: "d-flex justify-content-center", }, [ o("img", { staticClass: "product-image", attrs: { src: e.default_product_image, alt: "", }, }), ] ), o("p", { staticClass: "mt-2 mb-1" }, [ t._v(t._s(e.product_name.toLowerCase())), ]), ] ), ] ); }), 0 ) : t._e(), o("hr"), null != t.productList ? o( "div", { staticClass: "mobile-list d-flex align-content-start flex-wrap", style: t.styleObject, }, [ 0 == t.productList.length ? o("p", [ t._v(t._s(t.$t("alert.no-product-found"))), ]) : t._e(), t._l(t.productList, function (e, i) { return o( "div", { key: i, on: { click: function (i) { return t.$emit( "open-detail", e.product_id ); }, }, }, [ o( "div", { staticClass: "mobile-product d-flex flex-column mt-2 align-content-center", }, [ o( "div", { staticClass: "d-flex justify-content-center", }, [ o("img", { staticClass: "product-image", attrs: { src: e.default_product_image, alt: "", }, }), ] ), o("p", { staticClass: "mt-2 mb-1" }, [ t._v( t._s(e.product_name.toLowerCase()) ), ]), ] ), ] ); }), ], 2 ) : t._e(), o( "div", { staticClass: "float-right fixed-bottom-right" }, [ o( "button", { staticClass: "clear-button close-picker-button", on: { click: t.closeMobileDetail }, }, [ o("img", { staticStyle: { height: "16px" }, attrs: { src: i("bb7c") }, }), ] ), ] ), ] ) : o( "div", { directives: [ { name: "click-outside", rawName: "v-click-outside", value: t.outsideDetail, expression: "outsideDetail", }, ], staticClass: "desktop-detaiLoc p-4", }, [ o("div", { ref: "infoBox" }, [ o( "table", { staticClass: "table table-borderless table-sm" }, [ o("tbody", [ o("tr", [ o("td", [ o("h2", [t._v(t._s(t.selectedLocation.name))]), ]), "" != t.selectedLocation.email ? o("td", [ t._v( "E: " + t._s(t.selectedLocation.email) ), ]) : t._e(), "" != t.selectedLocation.phone ? o("td", [ t._v( "P: " + t._s(t.selectedLocation.phone) ), ]) : t._e(), ]), o("tr", [ o("td", [ o("p", { staticClass: "primary-hex" }, [ t._v(t._s(t.selectedLocation.address)), ]), ]), "" != t.selectedLocation.website ? o("td", [ o( "a", { attrs: { href: t.selectedLocation.website, target: "_blank", }, }, [ t._v( "W: " + t._s(t.selectedLocation.website) ), ] ), ]) : t._e(), "" != t.selectedLocation.fax ? o("td", [ t._v("F: " + t._s(t.selectedLocation.fax)), ]) : t._e(), ]), ]), ] ), ]), t.chosenProductList.length > 0 ? o("hr") : t._e(), t.chosenProductList.length > 0 ? o("p", [t._v(t._s(t.$t("selected-product")) + ":")]) : t._e(), t.chosenProductList.length > 0 ? o( "div", { staticClass: "product-list-chosen d-flex align-content-start flex-wrap", }, t._l(t.chosenProductList, function (e, i) { return o( "div", { key: "chosen" + i, on: { click: function (i) { return t.$emit("open-detail", e.product_id); }, }, }, [ o( "div", { staticClass: "product-container d-flex flex-wrap mb-3 mt-2 align-content-center", }, [ o("div", { staticClass: "div-image" }, [ o("img", { staticClass: "product-image", attrs: { src: e.default_product_image, alt: "", }, }), ]), o( "div", { staticClass: "product-detail ml-4" }, [ o( "p", { staticClass: "title-product mb-1 uppercase", }, [ t._v( t._s( e.product_name.substring( 0, 15 ) + "" ) ), ] ), o( "p", { staticClass: "primary-hex body-product mt-0 mb-0", }, [t._v(t._s(e.product_code))] ), o( "p", { staticClass: "body-product mt-0" }, [t._v(t._s(e.product_collection))] ), ] ), ] ), ] ); }), 0 ) : t._e(), o("hr"), null != t.productList ? o( "div", { staticClass: "product-list-div d-flex align-content-start flex-wrap", }, [ 0 == t.productList.length ? o("p", [ t._v(t._s(t.$t("alert.no-product-found"))), ]) : t._e(), t._l(t.productList, function (e, i) { return o( "div", { key: i, on: { click: function (i) { return t.$emit( "open-detail", e.product_id ); }, }, }, [ o( "div", { staticClass: "product-container d-flex flex-wrap mb-3 mt-2 align-content-center", }, [ o("div", { staticClass: "div-image" }, [ o("img", { staticClass: "product-image", attrs: { src: e.default_product_image, alt: "", }, }), ]), o( "div", { staticClass: "product-detail ml-4" }, [ o( "p", { staticClass: "title-product mb-1 uppercase", }, [ t._v( t._s( e.product_name.substring( 0, 15 ) + "" ) ), ] ), o( "p", { staticClass: "primary-hex body-product mt-0 mb-0", }, [t._v(t._s(e.product_code))] ), o( "p", { staticClass: "body-product mt-0", }, [t._v(t._s(e.product_collection))] ), ] ), ] ), ] ); }), ], 2 ) : t._e(), ] ), ]); }), $t = [], Pt = { name: "LocationDetail", props: [ "innerHeight", "innerWidth", "selectedLocation", "currentMarket", "isMobile", "arraySelectedProduct", ], data: function () { return { detailData: null, productList: [], chosenProductList: [], infoBoxHeight: 0, }; }, methods: { closeMobileDetail: function () { this.$emit("close-loc-detail"); }, outsideDetail: function () { this.$emit("close-loc-detail"); }, filterProduct: function (t) { var e = this; this.arraySelectedProduct.forEach(function (i, o) { var a = t.find(function (t) { return t.product_id == i; }); e.chosenProductList.push(a), (e.productList = e.productList.filter(function (t) { return t !== a; })); }); }, getInfoBoxHeight: function () { this.infoBoxHeight = this.$refs.infoBox.clientHeight; }, }, mounted: function () { this.getInfoBoxHeight(); }, computed: { styleObject: function () { var t = { height: this.innerHeight - this.infoBoxHeight - 50 + "px", width: this.innerWidth - 12 + "px", }; return t; }, computedHeight: function () { return window.innerHeight; }, computedWidth: function () { return window.innerWidth; }, }, created: function () { var t = this; G.a .get( "distributor_products/" + this.selectedLocation.id + "/?market=" + this.currentMarket ) .then(function (e) { (t.detailData = e.data.data), (t.productList = e.data.data.products), t.filterProduct(e.data.data.products); }); }, }, zt = Pt, Mt = (i("aca8"), Object(n["a"])(zt, xt, $t, !1, null, "2cc1cc11", null)), Ht = Mt.exports, Lt = { name: "LocationComponent", components: { LocationDetail: Ht, ProductDetail: at }, data: function () { var t = i("10d4"); return { detailLocationKey: 0, arraySelectedProduct: [], detailsComponent: !1, productId: null, isDetail: !1, selectedLocation: void 0, gmapCenter: { lat: 10, lng: 10 }, gmapZoom: 4, checkProduct: !1, chosenRadius: 0, distributors: [], markers: [{ position: { lat: 10, lng: 10 } }], radius: [10, 100, 500, 1e3, 5e3, 1e4], isNoFound: !1, isBlockLoc: !1, lat: null, lon: null, mapOptions: {}, mapKey: 0, markerOptions: { url: t, size: { width: 30, height: 40, f: "px", b: "px" }, scaledSize: { width: 30, height: 40, f: "px", b: "px" }, }, infoContent: "", infoWindowPos: { lat: 0, lng: 0 }, infoWinOpen: !1, currentMidx: null, infoOptions: { pixelOffset: { width: 0, height: -35 } }, }; }, created: function () { var t = this; navigator.geolocation.getCurrentPosition( function (e) { var i = e.coords.latitude, o = e.coords.longitude; console.log(i, o), (t.lat = i), (t.lon = o), t.makeMap(i, o); }, function () { console.log("Unable to retrieve your location"), (t.isBlockLoc = !0), (t.lat = 14), (t.lon = 108), t.makeMap(14, 108); } ), console.log(this.lat), "" != this.productIdQuery && void 0 != this.productIdQuery && (this.arraySelectedProduct = this.productIdQuery .split("&product=") .filter(String)); }, watch: { chosenRadius: function (t, e) { console.log(t + ":" + e), 0 != e && (this.rerenderMap(t), (this.isNoFound = !1)); }, }, computed: { stringProduct: function () { var t = ""; return ( void 0 != this.productIdQuery && (t = this.productIdQuery), t ); }, allLocs: function () { var t = []; return ( this.distributors.length > 0 && this.distributors.forEach(function (e, i) { t.push(e); }), t ); }, map_locations: function () { var t = []; return ( this.distributors.length > 0 && this.distributors.forEach(function (e, i) { var o = null; (o = { type: "Feature", geometry: { type: "Point", coordinates: [e.longitude, e.latitude], }, properties: { title: e.name, icon: "marker", index: i }, }), t.push(o); }), t ); }, }, props: [ "innerHeight", "innerWidth", "hotline", "locationComponent", "productIdQuery", "currentMarket", "isMobile", ], methods: { toggleInfoWindow: function (t, e) { (this.infoWindowPos = t.position), (this.infoContent = this.getInfoWindowContent(t)), this.currentMidx == e ? (this.infoWinOpen = !0) : ((this.infoWinOpen = !0), (this.currentMidx = e)); }, getInfoWindowContent: function (t) { return "\n ".concat(t.name, "\n "); }, closeLocDetail: function () { this.isDetail = !1; }, closeDetails: function () { this.detailsComponent = !1; }, openDetailProduct: function (t) { (this.productId = t), (this.detailsComponent = !0); }, openLocationDetail: function (t) { this.detailLocationKey++, window.scrollTo(0, 0), (this.selectedLocation = t), (this.isDetail = !0); }, clickMark: function (t, e) { console.log(t), this.$swal({ title: t.name, text: t.address, timer: 2e3, showCancelButton: !1, showConfirmButton: !1, }).then( function () {}, function (t) {} ); }, makeMap: function (t, e) { var i = this; G.a .get( "/closest_distributors/?lat=" + t + "&lon=" + e + this.stringProduct ) .then(function (o) { var a; (i.distributors = o.data.data), i.distributors.forEach(function (t, e) { (a = { lat: Number(t.latitude), lng: Number(t.longitude) }), i.$set(t, "position", a); }), console.log("obj", a), (i.gmapCenter = { lat: a.lat, lng: a.lng }); i.radius; var s = o.data.zoom.length, n = i.radius.reduce(function (t, e) { return Math.abs(e - s) < Math.abs(t - s) ? e : t; }); (i.chosenRadius = n), (i.mapOptions = { style: "mapbox://styles/mapbox/light-v9", center: [e, t], zoom: o.data.zoom.level, }), i.calculateGmapZoom(o.data.zoom.length[0]); }); }, calculateGmapZoom: function (t) { var e = t, i = e / 300, o = (156543.03392 * Math.cos((this.lat * Math.PI) / 180)) / i, a = Math.log(o) / Math.log(2); this.gmapZoom = Math.floor(a); }, chooseDealer: function (t) { (this.mapOptions.center = [t.longitude, t.latitude]), (this.mapOptions.zoom = 15), (this.gmapZoom = 18), (this.gmapCenter = t.position), console.log(t.position); }, rerenderMap: function (t) { var e = this; G.a .get( "/closest_distributors/?lat=" + this.lat + "&lon=" + this.lon + "&radius=" + t + this.stringProduct ) .then(function (i) { if ("fail" == i.data.message) (e.isNoFound = !0), (e.distributors = []); else if (i.data.data.length > 0) { (e.distributors = i.data.data), e.distributors.forEach(function (t, i) { var o = { lat: Number(t.latitude), lng: Number(t.longitude), }; e.$set(t, "position", o); }), (e.mapOptions.zoom = i.data.zoom.level); var o = 1e3 * t; e.calculateGmapZoom(o), (e.mapKey += 1); } else (e.isNoFound = !0), e.$emit("open-location", e.locationComponent); }); }, loaded: function (t) { t.addLayer({ id: "points", type: "symbol", source: { type: "geojson", data: { type: "FeatureCollection", features: this.map_locations, }, }, layout: { "icon-image": "{icon}-15", "text-field": "{title}", "text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"], "text-offset": [0, 0.6], "text-anchor": "top", }, }); }, zoomend: function (t, e) { console.log("Map zoomed"); }, clicked: function (t, e) { var i = e.features[0].properties.title; console.log(i), console.log(e.features[0].properties.index), this.$swal({ title: e.features[0].properties.title, text: this.distributors[e.features[0].properties.index].address, timer: 2e3, showCancelButton: !1, showConfirmButton: !1, }).then( function () {}, function (t) {} ); }, geolocateError: function (t, e) { console.log(e); }, geolocate: function (t, e) { console.log( "User position: " .concat(e.coords.latitude, ", ") .concat(e.coords.longitude) ); }, }, }, Rt = Lt, It = (i("6d6e"), Object(n["a"])(Rt, wt, St, !1, null, "1954ccc6", null)), Tt = It.exports, Ot = function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { attrs: { id: "compareDesktop" } }, [ t.compareButton ? o("div", [ t.isMobile ? o("div", {}, [ o( "div", { staticClass: "d-flex justify-content-between pl-4 pt-2 pb-2", }, [ o("h1", [t._v(t._s(t.$t("compare-room")))]), o( "button", { staticClass: "btn btn-primary mr-4", on: { click: t.reset }, }, [t._v(t._s(t.$t("reset")))] ), ] ), o( "div", { staticClass: "pl-4" }, [ o("TwentyTwenty", { staticStyle: { "margin-right": "16px" }, attrs: { before: t.dropImage1, after: t.dropImage2, }, }), ], 1 ), ]) : t._e(), t.isMobile ? t._e() : o( "div", { directives: [ { name: "click-outside", rawName: "v-click-outside", value: t.outsideCompare, expression: "outsideCompare", }, ], }, [ o( "div", { staticClass: "d-flex justify-content-between pl-4 pt-2 pb-2", }, [ o("h1", [t._v(t._s(t.$t("compare-room")))]), o( "button", { staticClass: "btn btn-primary mr-4", on: { click: t.reset }, }, [t._v(t._s(t.$t("reset")))] ), ] ), o( "div", { staticClass: "pl-4" }, [ o("TwentyTwenty", { attrs: { before: t.dropImage1, after: t.dropImage2, }, }), ], 1 ), ] ), ]) : t._e(), t.compareButton ? t._e() : o( "div", { directives: [ { name: "click-outside", rawName: "v-click-outside", value: t.outsideCompare, expression: "outsideCompare", }, ], }, [ o("h1", { staticClass: "pl-4 pt-2" }, [ t._v(t._s(t.$t("compare-room"))), ]), o( "div", { staticClass: "d-flex justify-content-start align-items-center pl-4 pr-4", }, [ o( "div", [ o( "drop", { staticClass: "drop-room d-flex align-items-center justify-content-center", class: { mobile: t.isMobile }, on: { drop: t.handleDrop1 }, }, [ null == t.dropImage1 ? o("p", [t._v(t._s(t.$t("drop-room")))]) : t._e(), null != t.dropImage1 ? o("img", { attrs: { src: t.dropImage1 } }) : t._e(), ] ), ], 1 ), t.isMobile ? t._e() : o("div", { staticClass: "p-4" }, [ o( "button", { staticClass: "btn btn-primary", attrs: { disabled: null == this.dropImage2 || null == this.dropImage1, }, on: { click: t.compare }, }, [t._v(t._s(t.$t("compare")))] ), ]), o( "div", [ o( "drop", { staticClass: "drop drop-room d-flex align-items-center justify-content-center", class: { mobile: t.isMobile }, on: { drop: t.handleDrop2 }, }, [ null == t.dropImage2 ? o("p", [t._v(t._s(t.$t("drop-room")))]) : t._e(), null != t.dropImage2 ? o("img", { attrs: { src: t.dropImage2 }, on: { load: t.getSetHeight }, }) : t._e(), ] ), ], 1 ), ] ), t.isMobile ? o("div", { staticClass: "pl-4" }, [ o( "button", { staticClass: "btn btn-primary", attrs: { disabled: null == this.dropImage2 || null == this.dropImage1, }, on: { click: t.compare }, }, [t._v(t._s(t.$t("compare")))] ), ]) : t._e(), o("h1", { staticClass: "pl-4 pt-4" }, [ t._v(t._s(t.$t("bookmarked-room"))), ]), o( "div", { staticClass: "d-flex flex-wrap ml-4 bookmark-loop", staticStyle: { "overflow-y": "auto" }, }, t._l(t.bookmarks, function (e) { return o( "span", { key: e.id }, [ t._v(" " + t._s(e.name) + " "), o( "drag", { staticClass: "drag", attrs: { image: e.thumbnail, "transfer-data": e.image, }, }, [ o("div", { staticClass: "bookmark-img-div" }, [ o("img", { staticClass: "bookmark-img", class: { mobile: t.isMobile }, attrs: { src: e.thumbnail }, on: { click: function (i) { return t.chooseToCompare(e.image); }, }, }), t.isMobile ? t._e() : o("div", { staticClass: "move-icon" }, [ o("img", { attrs: { src: i("e7e1") } }), ]), ]), ] ), ], 1 ); }), 0 ), ] ), ]); }, Wt = [], Et = i("c0ca"), Dt = { name: "CompareComponent", components: { TwentyTwenty: Et["a"], Drag: d["Drag"], Drop: d["Drop"] }, props: ["compareRoom1", "compareRoom2", "isMobile"], data: function () { return { bookmarks: [], containerWidth: null, dropContainer: null, compareButton: !1, myData: { foobar: 42 }, dropImage1: null, dropImage2: null, }; }, created: function () { this.getBookmark(), (this.dropImage1 = this.compareRoom1), (this.dropImage2 = this.compareRoom2); }, watch: { dropContainer: function (t, e) { null == e && null != this.dropImage1 ? (this.dropImage2 = t) : null != e && null != t ? ((this.dropImage1 = e), (this.dropImage2 = t)) : (this.dropImage1 = t); }, }, computed: {}, methods: { isClicked: function (t) { console.log(t); }, outsideCompare: function () { this.$emit("outside-compare", this.compareComponent); }, getSetHeight: function (t) { var e = t.target, i = e.clientHeight, o = e.clientWidth, a = o / i, s = window.innerHeight - 346; this.containerWidth = a > 1 ? a * s : 950; }, chooseToCompare: function (t) { this.dropContainer = t; }, getBookmark: function () { var t = JSON.parse(localStorage.getItem("vicostone-bookmark")); console.log(t); for (var e = new FormData(), i = 0; i < t.length; i++) e.append("ids", t[i]); var o = { headers: { "content-type": "multipart/form-data" } }, a = this; G.a .post("/visualizers_customer/", e, o) .then(function (t) { console.log(t), "success" == t.data.message ? (a.bookmarks = t.data.data) : (console.log(t), alert(t)); }) .catch(function (t) { console.log(t); }); }, handleDrop: function (t) { this.dropImage = t; }, handleDrop1: function (t) { this.dropImage1 = t; }, handleDrop2: function (t) { this.dropImage2 = t; }, reset: function () { (this.dropImage1 = null), (this.dropImage2 = null), (this.dropContainer = null), (this.compareButton = !1), localStorage.removeItem("vicostone-compare-room1"), localStorage.removeItem("vicostone-compare-room2"); }, compare: function () { null != this.dropImage1 && null != this.dropImage2 ? (this.compareButton = !0) : alert(this.$t("alert.drag-drop")); }, }, }, jt = Dt, Bt = (i("6701"), i("0f9e"), Object(n["a"])(jt, Ot, Wt, !1, null, "5d17bba7", null)), Nt = Bt.exports, At = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i( "div", { attrs: { id: "contactUsForm" } }, [ t.show ? i( "b-form", { on: { submit: t.onSubmit, reset: t.onReset } }, [ i( "b-form-group", { attrs: { id: "input-group-name", "label-for": "contact-name", }, }, [ i("b-form-input", { attrs: { id: "contact-name", required: "", placeholder: "Name *", }, model: { value: t.form.name, callback: function (e) { t.$set(t.form, "name", e); }, expression: "form.name", }, }), ], 1 ), i( "b-form-group", { attrs: { id: "input-group-email", "label-for": "contact-email", }, }, [ i("b-form-input", { attrs: { id: "contact-email", type: "email", required: "", placeholder: "Email *", }, model: { value: t.form.email, callback: function (e) { t.$set(t.form, "email", e); }, expression: "form.email", }, }), ], 1 ), i( "b-form-group", { attrs: { id: "input-group-phone", "label-for": "contact-phone", }, }, [ i("b-form-input", { attrs: { id: "contact-phone", type: "tel", required: "", placeholder: "Phone *", }, model: { value: t.form.phone, callback: function (e) { t.$set(t.form, "phone", e); }, expression: "form.phone", }, }), ], 1 ), i( "b-form-group", { attrs: { id: "input-group-interest", "label-for": "contact-interest", }, }, [ i("b-form-select", { attrs: { id: "contact-interest", options: t.interestOptions, required: "", }, model: { value: t.form.interest, callback: function (e) { t.$set(t.form, "interest", e); }, expression: "form.interest", }, }), ], 1 ), i( "b-form-group", { attrs: { id: "input-group-address", "label-for": "contact-address", }, }, [ i("b-form-input", { attrs: { id: "contact-address", placeholder: "Address", }, model: { value: t.form.address, callback: function (e) { t.$set(t.form, "address", e); }, expression: "form.address", }, }), ], 1 ), i( "b-row", { staticClass: "m-0" }, [ i( "b-col", { staticClass: "pr-1 pl-0" }, [ i( "b-form-group", { attrs: { id: "input-group-city", "label-for": "contact-city", }, }, [ i("b-form-input", { attrs: { id: "contact-city", placeholder: "City", }, model: { value: t.form.city, callback: function (e) { t.$set(t.form, "city", e); }, expression: "form.city", }, }), ], 1 ), ], 1 ), i( "b-col", { staticClass: "pl-1 pr-0" }, [ i( "b-form-group", { attrs: { id: "input-group-state", "label-for": "contact-state", }, }, [ i("b-form-input", { attrs: { id: "contact-state", placeholder: "State", }, model: { value: t.form.state, callback: function (e) { t.$set(t.form, "state", e); }, expression: "form.state", }, }), ], 1 ), ], 1 ), ], 1 ), i( "b-row", { staticClass: "m-0" }, [ i( "b-col", { staticClass: "pr-1 pl-0" }, [ i( "b-form-group", { attrs: { id: "input-group-zip", "label-for": "contact-zip", }, }, [ i("b-form-input", { attrs: { id: "contact-zip", placeholder: "ZIP/Postal Code", }, model: { value: t.form.zip, callback: function (e) { t.$set(t.form, "zip", e); }, expression: "form.zip", }, }), ], 1 ), ], 1 ), i( "b-col", { staticClass: "pl-1 pr-0" }, [ i( "b-form-group", { attrs: { id: "input-group-country", "label-for": "contact-country", }, }, [ i("b-form-input", { attrs: { id: "contact-country", placeholder: "Country", }, model: { value: t.form.state, callback: function (e) { t.$set(t.form, "state", e); }, expression: "form.state", }, }), ], 1 ), ], 1 ), ], 1 ), i( "b-form-group", { attrs: { id: "input-group-message", "label-for": "contact-message", }, }, [ i("b-form-textarea", { attrs: { id: "contact-message", placeholder: "Message", }, model: { value: t.form.message, callback: function (e) { t.$set(t.form, "message", e); }, expression: "form.message", }, }), ], 1 ), i( "b-form-group", { attrs: { id: "input-group-agree" } }, [ i( "b-form-checkbox-group", { attrs: { id: "checkboxes-agree" }, model: { value: t.form.checked, callback: function (e) { t.$set(t.form, "checked", e); }, expression: "form.checked", }, }, [ i( "b-form-checkbox", { staticClass: "m-0", attrs: { value: "me" } }, [ t._v( "I agree to receive future content for Vicostone and my information will be used for marketing purposes." ), ] ), ], 1 ), ], 1 ), i( "b-button", { staticClass: "contact-us w-50", attrs: { type: "submit", variant: "primary" }, }, [t._v("Submit")] ), i( "b-button", { staticClass: "contact-us w-50", attrs: { type: "reset", variant: "secondary" }, }, [t._v("Reset")] ), ], 1 ) : t._e(), i( "b-card", { staticClass: "mt-3", attrs: { header: "Form Data Result" } }, [i("pre", { staticClass: "m-0" }, [t._v(t._s(t.form))])] ), ], 1 ); }, Ft = [], Gt = { name: "ContactUsForm", props: { msg: String }, data: function () { return { form: { email: "", phone: "", name: "", address: "", interest: null, checked: [], }, interestOptions: [ { text: "Please select your interest", value: null }, "Carrots", "Beans", "Tomatoes", "Corn", ], show: !0, }; }, methods: { onSubmit: function (t) { t.preventDefault(), alert(JSON.stringify(this.form)); }, onReset: function (t) { var e = this; t.preventDefault(), (this.form.email = ""), (this.form.name = ""), (this.form.interest = null), (this.form.checked = []), (this.show = !1), this.$nextTick(function () { e.show = !0; }); }, }, }, Vt = Gt, Kt = (i("626b"), Object(n["a"])(Vt, At, Ft, !1, null, "13aab652", null)), Ut = Kt.exports, qt = (i("e511"), i("21a6"), i("8e5f")), Qt = i.n(qt); Array.prototype.hasMin = function (t) { return ( (this.length && this.reduce(function (e, i) { return e[t] < i[t] ? e : i; })) || null ); }; var Zt = { name: "VisualizerControl", components: { ProductDetail: at, FilterGuideline: ft, SidebarGuideline: yt, PickerGuideline: ut, LocationComponent: Tt, ContactUsForm: Ut, CompareComponent: Nt, Multiselect: Qt.a, }, destroyed: function () { window.removeEventListener("resize", this.myEventHandler); }, computed: { guidelinePicker: function () { return this.loadedPickers.hasMin("left_position"); }, productBodyHeight: function () { var t; return (t = 0.7 * this.innerHeight - 320), t; }, disHeight: function () { var t = (this.realImgHeight / this.realImgWidth) * this.innerWidth; return t; }, disWidth: function () { var t = (this.realImgWidth / this.realImgHeight) * this.innerHeight; return t; }, marginTop: function () { var t = Math.floor(this.innerHeight / 2 - this.disHeight / 2); return t; }, marginLeft: function () { var t = Math.floor(this.innerWidth / 2 - this.disWidth / 2); return t; }, baseStyle: function () { var t = {}; return ( null != this.realImgHeight && null != this.realImgWidth && (this.isZoomOut ? this.isZoomOut && (this.isPotrait ? ((t = { width: this.innerWidth + "px", "margin-top": this.marginTop + "px", }), this.$emit("oflowx-hidden"), this.$emit("oflowy-scroll")) : ((t = { height: this.innerHeight + "px", "margin-left": this.marginLeft + "px", }), this.$emit("oflowy-hidden"), this.$emit("oflowx-hidden"))) : this.isPotrait ? ((t = { height: this.innerHeight + "px" }), this.isGuideline ? this.$emit("oflowx-hidden") : this.$emit("oflowx-scroll"), this.isMobile && (this.isPickerGuideline || this.isGuideline) ? this.$emit("oflowx-hidden") : this.$emit("oflowx-scroll"), this.$emit("oflowy-scroll")) : ((t = { width: this.innerWidth + "px" }), this.isGuideline || this.isPickerGuideline ? this.$emit("oflowy-hidden") : this.$emit("oflowy-scroll"), this.$emit("oflowx-hidden"))), t ); }, isPotrait: function () { var t = !1; return 0 == parseInt(this.innerRatio) && (t = !0), t; }, innerRatio: function () { var t = this.innerWidth / this.innerHeight; return t; }, productQuery: function () { var t = this.chosenProductCode, e = [], i = ""; return ( t.forEach(function (t, i) { var o = i + 1, a = "p" + o + "=" + t; e.push(a); }), (i = e.join("&")), i ); }, shareURL: function () { var t = "", e = window.location.origin, i = this.$route.params.id; return ( void 0 == i && null != this.loadedRoom && (i = this.loadedRoom.id), (t = e + "/" + this.$i18n.locale + "/visualizer/room/" + i + "/product/" + this.productQuery), t ); }, productCodeParam: function () { var t = ""; return (t = this.chosenProductCode.join("+")), t; }, chosenProductCode: function () { var t = []; return ( null != this.loadedRoom && this.loadedRoom.surface_objects.forEach(function (e, i) { void 0 != e.surface_image.id && t.push(e.surface_image.product_code); }), t ); }, chosenProductId: function () { var t = []; return ( null != this.loadedRoom && this.loadedRoom.surface_objects.forEach(function (e, i) { void 0 != e.surface_image.id && t.push(e.surface_image.product_id); }), t ); }, surfaceParam: function () { var t = ""; return (t = this.chosenSurfaces.join("+")), t; }, chosenSurfaces: function () { var t = []; return ( null != this.loadedRoom && this.loadedRoom.surface_objects.forEach(function (e, i) { void 0 != e.surface_image.id && t.push(e.surface_image.id); }), t ); }, landscapeRatio: function () { return this.innerWidth / 962; }, potraitRatio: function () { var t = (this.innerHeight * (this.realImgWidth / this.realImgHeight)) / 962; return t; }, loadedPickers: function () { var t = this, e = []; return ( this.isMobile && 24, null != this.loadedRoom && null != this.loadedRoom.surface_objects ? (this.loadedRoom.surface_objects.forEach(function (e, i) { if ( (t.isPotrait ? t.isZoomOut ? (t.$set( e, "top_position", t.landscapeRatio * (e.x_axis + 48) - 28 + t.marginTop ), t.$set( e, "left_position", t.landscapeRatio * (e.y_axis + 32) - 24 )) : t.isZoomOut || (t.$set( e, "top_position", t.potraitRatio * (e.x_axis + 48) - 28 ), t.$set( e, "left_position", t.potraitRatio * (e.y_axis + 32) - 24 )) : t.isPotrait || (t.isZoomOut ? (t.$set( e, "top_position", t.potraitRatio * (e.x_axis + 48) - 28 ), t.$set( e, "left_position", t.potraitRatio * (e.y_axis + 32) - 24 + t.marginLeft )) : t.isZoomOut || (t.$set( e, "top_position", t.landscapeRatio * (e.x_axis + 48) - 28 ), t.$set( e, "left_position", t.landscapeRatio * (e.y_axis + 32) - 24 ))), void 0 != e.names_language) ) { var o = JSON.parse(e.names_language); o.forEach(function (i, o) { t.$route.params.lang == i.abbreviation && t.$set(e, "name", i.picker_name); }); } }), (e = this.loadedRoom.surface_objects), e) : e ); }, sortedSelectedProducts: function () { var t = []; function e(t, e) { return t.product_code < e.product_code ? -1 : t.product_code > e.product_code ? 1 : 0; } return ( void 0 != this.selectedPicker.available_products && (t = JSON.parse( JSON.stringify(this.selectedPicker.available_products) )), t.sort(e) ); }, }, data: function () { var t = !1; return ( (t = !!this.isMobile), { isZoomOut: t, isSidebarGuideline: !1, isFilterGuideline: !1, productSearch: "", detailsComponent: !1, firstChoosePicker: 0, loadedSurfaces: 0, baseRatio: 0, baseMargin: 0, chosenpicker: { id: null, surface: null }, selectedPicker: {}, componentKey: 0, realImgHeight: null, realImgWidth: null, isImgPotrait: null, styleObject: {}, imageHeight: null, displayedHeight: null, displayedWidth: null, isSurface: !0, filterComponent: !1, pickerControl: !1, screenSize: null, selected: "first", options: [ { text: "Toggle this custom radio", value: "first" }, { text: "Or toggle this other custom radio", value: "second" }, { text: "This one is Disabled", value: "third", disabled: !0 }, { text: "This is the 4th radio", value: { fourth: 4 } }, ], hues: [], selectedCollection: [], collection: [], coating: [], value: [], options2: [ { name: "Vue.js", language: "JavaScript" }, { name: "Adonis", language: "JavaScript" }, { name: "Rails", language: "Ruby" }, { name: "Sinatra", language: "Ruby" }, { name: "Laravel", language: "PHP" }, { name: "Phoenix", language: "Elixir" }, ], isZoomedIn: !1, zoomCount: 0, detailsHover: !1, imageHovered: {}, } ); }, watch: { pickerControl: function (t, e) { t && null == this.selectedPicker && console.log(""); }, selectedPicker: function (t, e) { this.loadedPickers.forEach(function (e, i) { e.id == t.id ? ((e.active = !0), (t.chosen_index = i)) : (e.active = !1); }); }, productSearch: function () { this.applyFilter(); }, }, methods: { log: function (t) { console.log("item", t); }, showDetailonHover: function (t) { (this.detailsHover = !0), (this.imageHovered = t); }, closeDetailonHover: function (t) { (this.detailsHover = !1), (this.imageHovered = {}); }, zoomm: function (t) { var e; e = document.querySelector("#zoomable"); var i, o = e.getBoundingClientRect(), a = Math.abs(o.x + o.width / 2), s = Math.abs(o.y + o.height / 2); "in" === t ? ((i = 1.45), (this.isZoomedIn = !0), (this.zoomCount += 1)) : ((i = this.isMobile ? 0.7 : 0.65), (this.zoomCount -= 1)), this.$refs.panZoom.$panZoomInstance.smoothZoom(a, s, i), console.log("zoomCount", this.zoomCount); }, onInit: function (t, e) { t.on("panstart", function (t) { console.log(t); }), t.on("panend", function (t) { var e = t.getTransform(); e.x; }); }, zoomInMore: function () {}, zoomOut: function () { var t = (this.realImgHeight / this.realImgWidth) * window.innerWidth, e = Math.floor(innerHeight / 2 - t / 2); console.log(t); window.innerWidth, this.realImgWidth; var i = (this.realImgWidth / this.realImgHeight) * window.innerHeight, o = Math.floor(innerWidth / 2 - i / 2), a = (window.innerHeight, this.realImgHeight, Math.floor((window.innerWidth - i) / 2), Math.floor((t - window.innerHeight) / 2)); console.log(a), this.isPotrait ? (this.styleObject = { width: window.innerWidth + "px", "margin-top": e + "px", }) : (this.styleObject = { width: i + "px", height: window.innerHeight + "px", "margin-left": o + "px", }), (this.isZoomOut = !0), (this.zoomCount -= 1), console.log("zoomCount", this.zoomCount); }, zoomIn: function () { this.isPotrait ? (this.styleObject = { height: window.innerHeight + "px", "margin-top": "0px", }) : (this.styleObject = { width: window.innerWidth + "px" }), (this.zoomCount += 1), (this.isZoomOut = !1), console.log("zoomCount", this.zoomCount); }, finishPickerGuideline: function () { (this.pickerSidebar = !0), this.pickerToggle(this.loadedPickers[0], 0), (this.isSidebarGuideline = !0); }, skipPickerGuideline: function () { this.$emit("skip-picker-guideline"), localStorage.setItem("vicostone-guideline", !0); }, skipSidebarGuideline: function () { (this.isSidebarGuideline = !1), this.$emit("skip-picker-guideline"), localStorage.setItem("vicostone-guideline", !0); }, finishSidebarGuideline: function () { (this.isSidebarGuideline = !1), (this.isFilterGuideline = !0), this.filterToggle(); }, skipFilterGuideline: function () { this.skipSidebarGuideline(), (this.isFilterGuideline = !1), (this.filterComponent = !1), localStorage.setItem("vicostone-guideline", !0); }, finishFilterGuideline: function () { this.skipSidebarGuideline(), (this.pickerControl = !1), (this.isFilterGuideline = !1), (this.filterComponent = !1); }, askForGuideline: function () {}, openDetails: function () { (this.detailsComponent = !0), this.isMobile && this.$emit("scroll-left"); }, closeDetails: function () { this.detailsComponent = !1; }, onCopy: function (t) { this.$swal({ title: this.$t("alert.success"), text: this.$t("alert.success-copy-clipboard"), icon: "success", }); }, onError: function (t) { this.$swal({ title: this.$t("alert.warning"), text: this.$t("alert.fail-copy-clipboard"), icon: "warning", }); }, saveBookmark: function () { if (this.chosenSurfaces.length > 0) { var t = this, e = ""; t.$swal({ title: t.$t("alert.bookmark-name"), input: "text", inputPlaceholder: t.$t("alert.placeholder-bookmark-name"), }).then(function (i) { void 0 == i.value ? t.$swal({ title: t.$t("alert.warning"), text: t.$t("alert.cancel-save"), icon: "warning", }) : "" == i.value ? ((e = "Custom Room"), t.sendBookmark(e)) : ((e = i.value), t.sendBookmark(e)); }); } else this.$swal({ title: this.$t("alert.warning"), text: this.$t("alert.zero-surface-warning"), icon: "warning", }); }, sendBookmark: function (t) { var e = this, i = new Date(), o = +("0" + i.getDate()).slice(-2) + "/" + ("0" + (i.getMonth() + 1)).slice(-2) + "/" + i.getFullYear() + " " + ("0" + i.getHours()).slice(-2) + ":" + ("0" + i.getMinutes()).slice(-2) + ":" + ("0" + i.getSeconds()).slice(-2), a = { surface_images: e.chosenSurfaces, name: t, url: e.shareURL, market_id: e.currentMarket, country: e.countryName, language: e.$route.params.lang, date: o, }; G.a .post("/visualizers/", a) .then(function (i) { if ("success" == i.data.message) if ( (e .$swal({ title: e.$t("alert.success"), text: e.$t("alert.success-bookmark-save") + t, icon: "success", }) .then(function () { e.$router.push({ name: "visualizerPageSurface", params: { id: e.loadedRoom.id, surface: e.surfaceParam, }, }); }), void 0 == localStorage.getItem("vicostone-bookmark")) ) { var o = []; o.push(i.data.data.id), localStorage.setItem( "vicostone-bookmark", JSON.stringify(o) ); } else { var a = JSON.parse( localStorage.getItem("vicostone-bookmark") ); a.push(i.data.data.id), localStorage.setItem( "vicostone-bookmark", JSON.stringify(a) ), console.log(a); } else console.log(i), alert(i); }) .catch(function (t) { console.log(t); }); }, resetFilter: function () { var t = this; this.coating.forEach(function (e, i) { t.$set(e, "selected", !1); }), this.hues.forEach(function (e, i) { t.$set(e, "selected", !1); }), (this.selectedCollection = []), this.applyFilter(); }, applyFilter: function () { var t = new FormData(); t.append("product", this.productSearch), this.selectedCollection.forEach(function (e, i) { t.append("collections", e.id); }), this.hues.forEach(function (e, i) { e.selected && t.append("colors", e.id); }), this.coating.forEach(function (e, i) { e.selected && t.append("finish_types", e.id); }); var e = { headers: { "content-type": "multipart/form-data" } }, i = this; G.a .post( "/surface_objects_filter/" + this.selectedPicker.id + "/?market=" + this.currentMarket, t, e ) .then(function (t) { console.log(t), "success" == t.data.message ? void 0 == t.data.data.surface_image[0].id ? (i.loadedPickers[ i.selectedPicker.index ].available_products = []) : (i.loadedPickers[ i.selectedPicker.index ].available_products = t.data.data.surface_image) : console.log(t); }) .catch(function (t) { console.log(t); }); }, changeSurface: function (t) { (this.loadedPickers[ this.selectedPicker.chosen_index ].surface_image = t), this.storeProductToLocalStorage(t.product_id), this.storePickerProductToLocalStorage(t.product_id); }, storeProductToLocalStorage: function (t) { if (void 0 == localStorage.getItem("vicostone-product")) { var e = []; e.push(t), localStorage.setItem("vicostone-product", JSON.stringify(e)); } else { var i = JSON.parse(localStorage.getItem("vicostone-product")); i.push(t), localStorage.setItem("vicostone-product", JSON.stringify(i)); } }, storePickerProductToLocalStorage: function (t) { if (void 0 == localStorage.getItem("vicostone-picker")) { var e = [], i = { room: this.loadedRoom.name, picker: this.selectedPicker.name, product: t, }; e.push(i), localStorage.setItem("vicostone-picker", JSON.stringify(e)); } else { var o = JSON.parse(localStorage.getItem("vicostone-picker")), a = { room: this.loadedRoom.name, picker: this.selectedPicker.name, product: t, }, s = o.find(function (t) { return ( t.product == a.product && t.room == a.room && t.picker == a.picker ); }); void 0 == s && o.push(a), localStorage.setItem("vicostone-picker", JSON.stringify(o)); } }, removeCollection: function (t) { (this.pickerControl = !0), this.selectedCollection.splice(t, 1), console.log(this.pickerControl); }, hueClick: function (t) { this.hues[t].selected = !this.hues[t].selected; }, myEventHandler: function (t) { console.log(t), (this.realImgHeight = null), (this.displayedHeight = null), (this.componentKey += 1); }, outsidePicker: function () { this.isSidebarGuideline || this.isFilterGuideline ? (this.pickerControl = !0) : (this.pickerControl = !1); }, outsideLocation: function () { this.$emit("outside-location", this.locationComponent); }, openLocation: function () { this.$emit("open-location", this.locationComponent); }, outsideCompare: function () { this.$emit("outside-compare", this.compareComponent); }, surfaceToggle: function () { this.isSurface = !this.isSurface; }, filterToggle: function () { this.filterComponent = !this.filterComponent; }, pickerToggles: function (t) { console.log("event", t); }, pickerToggle: function (t, e) { var i = this; (this.selectedPicker = t), (this.selectedPicker.active = !0), (this.pickerControl = !0), (this.settingsSidebar = !1), (this.menuSidebar = !1), console.log("clickee", "clickee"), 1 == this.firstChoosePicker && this.loadedRoom.surface_objects.forEach(function (t, o) { G.a .get( "/surface_objects_customer/" + t.id + "/?market=" + i.currentMarket ) .then(function (a) { i.$set( t, "available_products", a.data.data.surface_image ), i.$set( t, "available_products", a.data.data.surface_image ), o == e ? i.$set(t, "active", !0) : i.$set(t, "active", !1); }); }); }, makeThisIndexPickerActive: function (t) { this.loadedPickers.forEach(function (e, i) { e.active = i == t; }); }, choosePicker: function (t, e) { (this.selectedPicker = t), (this.selectedPicker.active = !0); }, getSetHeight: function (t) { var e = t.target; (this.realImgHeight = e.clientHeight), (this.realImgWidth = e.clientWidth), this.realImgWidth / this.realImgHeight < 0 ? (this.isImgPotrait = !0) : (this.isImgPotrait = !1), console.log("getSetHeight"), this.isPotrait ? ((this.styleObject = { height: this.outerHeight + "px" }), console.log(this.styleObject)) : this.isPotrait || (this.realImgWidth > this.outerWidth && this.realImgHeight > this.outerHeight ? ((this.styleObject = { width: document.body.clientWidth + "px", }), console.log(this.styleObject)) : this.realImgWidth < this.outerWidth ? ((this.styleObject = { width: this.outerWidth + "px" }), console.log(this.styleObject)) : this.realImgHeight < this.outerHeight ? ((this.styleObject = { height: this.outerHeight + "px" }), console.log(this.styleObject)) : console.log("else")); this.innerWidth, this.innerHeight, this.realImgWidth, this.realImgHeight; }, setPickerLoc: function (t) { console.log(t.top), console.log(t.left); }, getSurfacePickers: function (t) { G.a.get("/surface_objects_customer/" + t + "/").then(function (t) { console.log(t.data.data); }); }, changeRoom: function (t) { this.$router.replace({ name: "visualizerPage", params: { id: t } }); }, }, mounted: function () { this.popupItem = this.$el; }, created: function () { var t = this; window.addEventListener("resize", this.myEventHandler), (this.firstChoosePicker += 1), G.a.get("/colors/").then(function (e) { (t.hues = e.data.data), t.hues.forEach(function (e) { t.$set(e, "selected", !1); }); }), G.a.get("/product_collections_customer/").then(function (e) { (t.collection = e.data.data), t.collection.forEach(function (e) { t.$set(e, "active", !1); }); }), G.a.get("/finish_types/").then(function (e) { (t.coating = e.data.data), t.coating.forEach(function (e) { t.$set(e, "selected", !1); }); }); }, props: [ "isGuideline", "productIdQuery", "isMobile", "outerHeight", "outerWidth", "innerHeight", "innerWidth", "isPickerGuideline", "countryName", "currentMarket", "collections", "chosenRoom", "settingsSidebar", "contactComponent", "compareComponent", "locationComponent", "compareRoom1", "compareRoom2", "pickerSidebar", "loadedRoom", "hotline", "cartSidebar", ], }, Jt = Zt, Yt = (i("4c22"), i("eda2"), Object(n["a"])(Jt, J, Y, !1, null, "3b00ba17", null)), Xt = Yt.exports, te = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i("div", {}, [ t.isMobile ? t._e() : i("div", { staticClass: "desktop-viewport" }, [ 0 == t.tourStep ? i("div", { staticClass: "gl gl-1" }, [ i("div", { staticClass: "arrow-up" }), i("div", { staticClass: "gl-head" }, [ t._v(t._s(t.$t("guideline.nav-bar"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.nav-bar-body"))), ]), i("div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ]), ]) : t._e(), 1 == t.tourStep ? i("div", { staticClass: "gl gl-2" }, [ i("div", { staticClass: "arrow-up" }), i("div", { staticClass: "gl-head" }, [ t._v(t._s(t.$t("guideline.room-nav"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.room-nav-body"))), ]), i("div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ]), ]) : t._e(), 2 == t.tourStep ? i("div", { staticClass: "gl gl-3 pb-0" }, [ i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.language"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.language-body"))), ]), i( "div", { staticClass: "gl-buttons d-flex flex-row-reverse mt-3 mb-2", }, [ i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), ] ), i("div", { staticClass: "arrow-left" }), ]) : t._e(), 3 == t.tourStep ? i("div", { staticClass: "gl gl-4" }, [ i("div", { staticClass: "arrow-up", staticStyle: { "margin-left": "254px" }, }), i("div", { staticClass: "gl-head" }, [ t._v(t._s(t.$t("guideline.share-room"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.share-room-body"))), ]), i("div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ]), ]) : t._e(), 4 == t.tourStep ? i("div", { staticClass: "gl gl-5" }, [ i("div", { staticClass: "arrow-right float-right" }), i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.style-tools"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.style-tools-body"))), ]), i("div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ]), ]) : t._e(), ]), t.isMobile ? i("div", { staticClass: "mobile-viewport" }, [ 0 == t.tourStep ? i( "div", { staticClass: "mobile gl", staticStyle: { top: "46px" }, }, [ i("div", { staticClass: "arrow-up" }), i("div", { staticClass: "gl-head" }, [ t._v(t._s(t.$t("guideline.nav-bar"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.nav-bar-body"))), ]), i( "div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ] ), ] ) : t._e(), 1 == t.tourStep ? i( "div", { staticClass: "mobile gl", staticStyle: { top: "46px" }, }, [ i("div", { staticClass: "arrow-up float-right mr-1" }), i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.room-settings"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.room-settings-body"))), ]), i( "div", { staticClass: "gl-buttons float-right mt-3" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ] ), ] ) : t._e(), 2 == t.tourStep ? i( "div", { staticClass: "mobile gl", staticStyle: { bottom: "80px", left: "0" }, }, [ i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.language"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.language-body"))), ]), i( "div", { staticClass: "gl-buttons float-right mt-3 mb-2" }, [ i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), ] ), i("div", { staticClass: "arrow-down" }), ] ) : t._e(), 3 == t.tourStep ? i( "div", { staticClass: "mobile gl", staticStyle: { bottom: "80px", left: "0" }, }, [ i("div", { staticClass: "gl-head mt-3" }, [ t._v(t._s(t.$t("guideline.zoom"))), ]), i("div", { staticClass: "gl-body" }, [ t._v(t._s(t.$t("guideline.zoom-body"))), ]), i( "div", { staticClass: "gl-buttons mt-3 d-flex flex-row-reverse", }, [ i( "button", { on: { click: function (e) { return t.nextTour(); }, }, }, [t._v(t._s(t.$t("guideline.got-it")))] ), i( "button", { staticClass: "mr-3", on: { click: function (e) { return t.skipTour(); }, }, }, [t._v(t._s(t.$t("guideline.skip-tour")))] ), ] ), i("div", { staticClass: "arrow-down-right" }), ] ) : t._e(), ]) : t._e(), ]); }, ee = [], ie = { name: "Guideline", props: ["isMobile"], data: function () { return { tourStep: 0 }; }, computed: { outerWidth: function () { var t = document.body.clientWidth; return t; }, }, methods: { skipTour: function () { (this.tourStep = 0), this.$emit("skip-guideline"); }, nextTour: function () { this.tourStep++, ((5 == this.tourStep && !this.isMobile) || (4 == this.tourStep && this.isMobile)) && this.$emit("finish-guideline"); }, }, }, oe = ie, ae = (i("882e"), Object(n["a"])(oe, te, ee, !1, null, "32626f70", null)), se = ae.exports, ne = function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "div", { staticClass: "menu-sidebar", class: { "left-zero": t.menuSidebar }, staticStyle: { "z-index": "60" }, style: { height: t.innerHeight - 48 + "px" }, }, [ o("ul", [ o( "li", [ o("router-link", { attrs: { to: { name: "landingPage" } } }, [ o("span", {}, [t._v(t._s(t.$t("home")))]), ]), ], 1 ), o( "li", [ o( "router-link", { attrs: { to: { name: "bookmarkPage" } } }, [ o("span", {}, [ t._v(t._s(t.$t("header.gallery-bookmark"))), ]), ] ), ], 1 ), o( "li", { attrs: { hidden: "" } }, [ o( "router-link", { attrs: { to: { name: "locationPage" } } }, [o("span", {}, [t._v(t._s(t.$t("header.nearest-dealer")))])] ), ], 1 ), o( "li", { on: { click: function (e) { return window.open( "https://vicostone.au/find-a-display", "_blank", "noopener,noreferrer" ); }, }, }, [o("span", {}, [t._v(t._s(t.$t("header.nearest-dealer")))] )], ), o( "li", { attrs: { hidden: "" }, }, [ o("router-link", { attrs: { to: { name: "locatePage" } } }, [ o("span", {}, [t._v(t._s(t.$t("header.locate-product")))]), ]), ], 1 ), o("li", { on: { click: t.goToContactUs } }, [ o("span", {}, [t._v(t._s(t.$t("header.contact-us")))]), ]), o( "li", { on: { click: t.startGuideline } }, [ o( "router-link", { attrs: { to: { name: "visualizerPageGuideline", params: { id: t.landing_room, market: this.currentMarket, guideline: !0, }, }, }, }, [o("span", {}, [t._v(t._s(t.$t("guideline.guideline")))])] ), ], 1 ), ]), o( "div", { staticClass: "ml-3 mr-3 in-room" }, [ o( "router-link", { attrs: { to: { name: "visualizerPage", params: { id: t.landing_room, market: this.currentMarket, }, }, }, }, [ o("img", { staticClass: "ml-2", attrs: { src: i("6b0b") }, }), o( "span", { staticClass: "mr-1 ml-2", staticStyle: { "font-size": "16px" }, }, [t._v(t._s(t.$t("in-room")))] ), o( "span", { staticClass: "primary-hex", staticStyle: { "font-size": "16px" }, }, [t._v(t._s(t.$t("visualizer")))] ), ] ), ], 1 ), // o("a", { // attrs: { // href: "tel:" + t.hotline // // href: "mailto:info@vicostone.ca" // } // }, [ // o( // "div", // { // staticClass: // "d-flex justify-content-between align-items-center", // }, // [ // o("div", { staticClass: "menu-name" }, [ // t._v(t._s(t.$t("hotline"))), // ]), // o("div", [ // o("button", { staticClass: "clear-button" }, [ // t._v(t.hotline), // ]), // ]), // ] // ), // ]), o("div", { staticClass: "hotline ml-2" }, [ o( "a", { attrs: { href: "tel:" + t.hotline, }, }, [t._v(t._s(t.$t("hotline")) + ": " + t._s(t.hotline))] ), ]), ] ); }, re = [], ce = { name: "MenuSidebar", components: {}, data: function () { return { availableLanguage: [], currentMarket: void 0, hotline: "", landing_room: null, }; }, created: function () { var t = this; G.a .get("https://ipwhois.pro/?key=NyRIz7VVkR0Y5kTN") .then(function (e) { t.getMarketWithName(e.data.country, e.data.region_code); }); }, methods: { startGuideline: function () { this.$emit("start-guideline"), this.$emit("hide-sidebar"); }, loadBahasa: function (t) { this.$router.push({ name: "visualizerPageSurface", params: { lang: t, surface: this.surfaceParam }, }); }, goToContactUs: function () { // window.location = // "https://vicostone.com/" + // this.$route.params.lang + // "/contact-us"; window.open( "https://vicostone.au/contact-us", "_blank", "noopener,noreferrer" ); }, applyMarketLanguageData: function (t) { (this.availableLanguage = t.languages), (this.hotline = t.hotline), (this.landing_room = t.landing_room), (this.currentMarket = t.id); }, getMarketWithName: function (t, region_code) { var e = this; "United States of America" == t && (t = "United States"); t == "United States" && [ "OR", "WA", "CO", "UT", "AZ", "NV", "MT", "ID", "WY", "AK", "HI", ].includes(region_code) && (t = "Tuvalu"), G.a .get("/market_retrieve/?country=" + t) .then(function (t) { "success" == t.data.message ? e.applyMarketLanguageData(t.data.data) : e.getMarketWithID(1); }) .catch(function (t) { this.getMarketWithID(1); }); }, getMarketWithID: function (t) { var e = this; void 0 != this.$route.params.market ? G.a .get("/market_retrieve/?market=" + this.$route.params.market) .then(function (t) { e.applyMarketLanguageData(t.data.data); }) : G.a .get("https://ipwhois.pro/?key=NyRIz7VVkR0Y5kTN") .then(function (t) { e.getMarketWithName(t.data.country, t.data.region_code); }); }, }, props: ["menuSidebar", "innerHeight"], }, le = ce, ue = (i("d8cb"), Object(n["a"])(le, ne, re, !1, null, "33aae587", null)), de = ue.exports, me = function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", [ t.isMobile ? t._e() : o("div", [ o( "div", { staticClass: "big-header d-flex justify-content-end" }, [ o("div", { staticClass: "header-menu d-flex" }, [ o( "button", { staticClass: "header-menu-button clear-button d-flex align-items-center pl-4 pr-4", on: { click: function (e) { return t.$emit("show-header-menu", t.headerMenu); }, }, }, [ o("img", { staticClass: "ml-3 mr-3", attrs: { src: i("31fa") }, }), o("span", { staticClass: "button-text mr-3" }, [ t._v(t._s(t.$t("header.menu"))), ]), ] ), ]), o("div", { staticClass: "menu-divider" }), o( "div", { staticClass: "header-room d-flex justify-content-between align-items-center ml-3 mr-3", on: { click: function (e) { return t.$emit("show-room", t.showRooms); }, }, }, [ o( "div", { staticClass: "d-flex justify-content-start" }, [ o("div", { staticClass: "room-label" }, [ t._v(t._s(t.$t("header.room")) + " :"), ]), o("div", { staticClass: "room-name ml-2" }, [ null != t.loadedRoom ? o("span", { staticClass: "the-room-name" }, [ t._v(t._s(t.loadedRoom.name)), ]) : t._e(), ]), ] ), ] ), o( "div", { staticClass: "header-bookmark d-flex align-items-center", }, [ o("div", { staticClass: "bookmark-action" }, [ t._m(0), o( "button", { staticClass: "clear-button", on: { click: function (e) { return t.saveBookmark(); }, }, }, [o("img", { attrs: { src: i("409b") } })] ), ]), o("div", { staticClass: "bookmark-info ml-2" }, [ o( "button", { staticClass: "clear-button", on: { click: function (e) { return t.saveBookmark(); }, }, }, [t._v(t._s(t.$t("header.bookmark-room")))] ), ]), ] ), o( "div", { staticClass: "header-share d-flex align-items-center" }, [ o("div", { staticClass: "share-info" }, [ t._v(t._s(t.$t("header.share")) + " :"), ]), o( "button", { directives: [ { name: "clipboard", rawName: "v-clipboard:copy", value: t.shareURL, expression: "shareURL", arg: "copy", }, { name: "clipboard", rawName: "v-clipboard:success", value: t.onCopy, expression: "onCopy", arg: "success", }, { name: "clipboard", rawName: "v-clipboard:error", value: t.onError, expression: "onError", arg: "error", }, ], staticClass: "clear-button grey-circle mr-2 ml-1", }, [o("img", { attrs: { src: i("5974") } })] ), o( "div", { staticClass: "bookmark-action ml-1" }, [ o("social-sharing", { attrs: { url: t.shareURL, title: "Vicostone", description: "Vicostone description.", quote: "Vicostone quote.", hashtags: "vicostone", }, inlineTemplate: { render: function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "div", [ o( "network", { attrs: { network: "facebook" } }, [ o( "button", { staticClass: "clear-button grey-circle mr-2", }, [ o("img", { attrs: { src: i("412b") }, }), ] ), ] ), o( "network", { attrs: { network: "whatsapp" } }, [ o( "button", { staticClass: "clear-button grey-circle mr-2", // attrs: { hidden: "" }, }, [ o("img", { // attrs: { src: i("4f1b") }, attrs: { src: i("da0ewhalight"), }, }), ] ), ] ), o( "network", { attrs: { network: "linkedin" } }, [ o( "button", { staticClass: "clear-button grey-circle mr-2", }, [ o("img", { attrs: { src: i("da0elinlight"), }, }), ] ), ] ), // o( // "network", // { attrs: { network: "twitter" } }, // [ // o( // "button", // { // staticClass: // "clear-button grey-circle mr-2", // }, // [ // o("img", { // attrs: { src: i("1f7e") }, // }), // ] // ), // ] // ), ], 1 ); }, staticRenderFns: [], }, }), ], 1 ), ] ), ] ), t.headerMenu ? o("div", { staticClass: "menu-content" }, [ o("div", {}, [ o( "div", { staticClass: "submenu d-flex justify-content-between align-items-center pr-3 pl-3", on: { click: function (e) { return t.$emit( "bookmark-component", t.galleryBookmark ); }, }, }, [ o("div", { staticClass: "menu-name" }, [ t._v(t._s(t.$t("header.gallery-bookmark"))), ]), o("div", {}, [ o("button", { staticClass: "clear-button" }, [ t._v(t._s(t.$t("header.view-all"))), ]), ]), ] ), o( "div", { staticClass: "saved-bookmark d-flex flex-wrap pt-0 pl-3 pr-3 pb-3", }, [ 0 == t.bookmarks.length ? o("span", [t._v(t._s(t.$t("empty-bookmark")))]) : t._e(), t._l(t.bookmarks.slice(0, 2), function (e, a) { return o( "span", { key: a, staticClass: "bookmark-item" }, [ o( "div", { staticClass: "d-flex flex-column bookmark-item-div", }, [ o("label", [t._v(t._s(e.name))]), void 0 != e.thumbnail_small ? o("span", [ o("img", { ref: "text", refInFor: !0, staticClass: "saved-bookmark-img", attrs: { src: e.thumbnail_small }, }), ]) : o("span", [ o("img", { ref: "text", refInFor: !0, staticClass: "saved-bookmark-img", attrs: { src: e.thumbnail }, }), ]), o( "div", { staticClass: "bookmark-options-container", }, [ o( "b-dropdown", { staticClass: "bookmark-options-toggle", attrs: { "no-caret": "", variant: "link", "toggle-class": "text-decoration-none", right: "", }, scopedSlots: t._u( [ { key: "button-content", fn: function () { return [ o("img", { staticClass: "ellipsis", attrs: { src: i("0eba"), }, }), ]; }, proxy: !0, }, ], null, !0 ), }, [ o( "b-dropdown-item", { directives: [ { name: "b-modal", rawName: "v-b-modal", value: "preview-bookmark" + a, expression: "'preview-bookmark' + bookmark_idx", }, ], on: { click: function (e) { return t.$emit( "modal-open", t.isModalOpen ); }, }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("a191") }, }), t._v( " " + t._s(t.$t("preview")) + " " ), ] ), o( "b-dropdown-item", { on: { click: function (i) { return t.loadBookmark(e); }, }, }, [ o("img", { staticClass: "mr-2 mini-icon", attrs: { src: i("69d9") }, }), t._v( " " + t._s(t.$t("load")) + " " ), ] ), o( "b-dropdown-item", { on: { click: function (i) { return t.$emit( "compare-component", i, t.compareComponent, e.image ); }, }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("b63b") }, }), t._v( " " + t._s(t.$t("compare")) + " " ), ] ), o("b-dropdown-item", [ o("img", { staticClass: "mr-2 mini-icon", attrs: { src: i("e5b5") }, }), o( "a", { staticClass: "ml-1", attrs: { href: e.image, target: "_blank", download: "", }, domProps: { textContent: t._s("Download"), }, on: { click: function (i) { return ( i.preventDefault(), t.downloadItem(e) ); }, }, }, [t._v(t._s(t.$t("download")))] ), ]), ], 1 ), ], 1 ), o( "div", { staticClass: "bookmark-options-container", staticStyle: { right: "46px" }, }, [ o( "b-dropdown", { staticClass: "bookmark-options-toggle", attrs: { "no-caret": "", variant: "link", "toggle-class": "text-decoration-none", right: "", }, scopedSlots: t._u( [ { key: "button-content", fn: function () { return [ o("img", { staticClass: "ellipsis", staticStyle: { width: "14px", }, attrs: { src: i("cc21"), }, }), ]; }, proxy: !0, }, ], null, !0 ), }, [ o( "b-dropdown-item", { directives: [ { name: "clipboard", rawName: "v-clipboard:copy", value: e.url, expression: "bookmark.url", arg: "copy", }, { name: "clipboard", rawName: "v-clipboard:success", value: t.onCopy, expression: "onCopy", arg: "success", }, { name: "clipboard", rawName: "v-clipboard:error", value: t.onError, expression: "onError", arg: "error", }, ], }, [ o("img", { staticClass: "mr-2", attrs: { src: i("5fab") }, }), t._v( " " + t._s( t.$t("social.copy-url") ) + " " ), ] ), o("social-sharing", { attrs: { url: e.image, quote: e.url, hashtags: "vicostone", }, inlineTemplate: { render: function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "network", { attrs: { network: "facebook", }, }, [ o("b-dropdown-item", [ o("img", { staticClass: "mr-3", attrs: { src: i("8165"), }, }), t._v( " " + t._s( t.$t( "social.facebook" ) ) + " " ), ]), ], 1 ); }, staticRenderFns: [], }, }), o("social-sharing", { attrs: { url: e.url, hashtags: "vicostone", }, inlineTemplate: { render: function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "network", { attrs: { network: "twitter", }, }, [ o("b-dropdown-item", [ o("img", { staticClass: "mr-2", attrs: { src: i("1dc7"), }, }), t._v( " " + t._s( t.$t( "social.twitter" ) ) + " " ), ]), ], 1 ); }, staticRenderFns: [], }, }), ], 1 ), ], 1 ), ] ), o( "b-modal", { attrs: { id: "share-modal" + a, "hide-header": "", "hide-footer": "", centered: "", size: "sm", }, }, [ o( "div", { staticClass: "d-flex flex-row justify-content-center", }, [ o("social-sharing", { attrs: { url: e.image, quote: e.url, hashtags: "vicostone", }, inlineTemplate: { render: function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "div", [ o( "network", { attrs: { network: "facebook", }, }, [ o( "button", { staticClass: "clear-button grey-circle mr-2", }, [ o("img", { attrs: { src: i("412b"), }, }), ] ), ] ), ], 1 ); }, staticRenderFns: [], }, }), o("social-sharing", { attrs: { url: e.url, hashtags: "vicostone", }, inlineTemplate: { render: function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "div", [ o( "network", { attrs: { network: "twitter", }, }, [ o( "button", { staticClass: "clear-button grey-circle mr-2", }, [ o("img", { attrs: { src: i("1f7e"), }, }), ] ), ] ), ], 1 ); }, staticRenderFns: [], }, }), ], 1 ), ] ), o( "b-modal", { ref: "preview-bookmark" + a, refInFor: !0, attrs: { "no-close-on-esc": "", id: "preview-bookmark" + a, size: "xl", title: t.$t("preview"), "hide-footer": "", }, model: { value: t.modalShow, callback: function (e) { t.modalShow = e; }, expression: "modalShow", }, }, [ o( "v-zoomer", { ref: "modalBookmark", refInFor: !0, staticStyle: { width: "1114px", height: "80vh", }, }, [ o("img", { staticClass: "previewBookmarkRoomImg", staticStyle: { "object-fit": "contain", width: "100%", height: "100%", }, attrs: { src: e.image }, }), ] ), ], 1 ), ], 1 ); }), ], 2 ), ]), o("hr", { staticClass: "hr-menu-content" }), t.bookmarks.length > 0 ? o( "div", { staticClass: "submenu pr-3 pl-3", on: { click: function (e) { return t.$emit( "compare-component", e, t.compareComponent, t.bookmarks[0].image ); }, }, }, [ o( "div", { staticClass: "d-flex justify-content-between align-items-center", }, [ o("div", { staticClass: "menu-name" }, [ t._v(t._s(t.$t("compare-room"))), ]), o("div", [ o( "button", { staticClass: "clear-button" }, [t._v(t._s(t.$t("compare")))] ), ]), ] ), ] ) : t._e(), o("hr", { staticClass: "hr-menu-content" }), o( "div", { staticClass: "submenu pr-3 pl-3", attrs: { hidden: "" }, on: { click: function (e) { return t.$emit( "location-component", t.locationComponent ); }, }, }, [ o( "div", { staticClass: "d-flex justify-content-between align-items-center", }, [ o("div", { staticClass: "menu-name" }, [ t._v(t._s(t.$t("header.nearest-dealer"))), ]), o("div", [ o("button", { staticClass: "clear-button" }, [ t._v(t._s(t.$t("header.find"))), ]), ]), ] ), ] ), o( "div", { staticClass: "submenu pr-3 pl-3", on: { click: function (e) { return window.open( "https://vicostone.au/find-a-display", "_blank" ); }, }, }, [ o( "div", { staticClass: "d-flex justify-content-between align-items-center", }, [ o("div", { staticClass: "menu-name" }, [ t._v(t._s(t.$t("header.nearest-dealer"))), ]), o("div", [ o("button", { staticClass: "clear-button" }, [ t._v(t._s(t.$t("header.find"))), ]), ]), ] ), ] ), o("hr", { staticClass: "hr-menu-content" }), o( "div", { staticClass: "submenu pr-3 pl-3", on: { click: t.goToContactUs, }, }, [ o( "div", { staticClass: "d-flex justify-content-between align-items-center", }, [ o("div", { staticClass: "menu-name" }, [ t._v(t._s(t.$t("header.contact-us"))), ]), o("div", [ o("button", { staticClass: "clear-button" }, [ t._v(t._s(t.$t("header.contact"))), ]), ]), ] ), ] ), o("hr", { staticClass: "hr-menu-content" }), o( "div", { staticClass: "submenu pr-3 pl-3", on: { click: t.startGuideline }, }, [ o( "div", { staticClass: "d-flex justify-content-between align-items-center", }, [ o("div", { staticClass: "menu-name" }, [ t._v(t._s(t.$t("guideline.guideline"))), ]), o("div", [ o("button", { staticClass: "clear-button" }, [ t._v(t._s(t.$t("guideline.start-guideline"))), ]), ]), ] ), ] ), o("hr", { staticClass: "hr-menu-content" }), o("div", { staticClass: "submenu pr-3 pl-3" }, [ o( "a", { attrs: { href: "tel:" + t.hotline, // href: "mailto:info@vicostone.ca" }, }, [ o( "div", { staticClass: "d-flex justify-content-between align-items-center", }, [ o("div", { staticClass: "menu-name" }, [ t._v(t._s(t.$t("hotline"))), ]), o("div", [ o("button", { staticClass: "clear-button" }, [ t._v(t.hotline), ]), ]), ] ), ] ), ]), ]) : t._e(), t.showRooms ? o( "div", { staticClass: "menu-content p-4", staticStyle: { height: "80vh", "overflow-y": "auto", "overflow-x": "hidden", }, }, t._l(t.collections, function (e) { return o("span", { key: e.id }, [ e.rooms.length > 0 ? o("div", [ o( "h3", { staticStyle: { "text-transform": "uppercase", }, }, [t._v(t._s(e.name))] ), o( "div", { staticClass: "d-flex flex-wrap", staticStyle: { width: "514px" }, }, t._l(e.rooms, function (e) { return o( "span", { key: e.id, staticClass: "loop-room" }, [ t._v(" " + t._s(e.name) + " "), o( "div", { staticClass: "room-gallery", class: { chosen: t.$route.params.id == e.id, }, }, [ void 0 != e.thumbnail_small ? o("span", [ o("img", { attrs: { src: e.thumbnail_small, }, }), ]) : o("span", [ o("img", { attrs: { src: e.thumbnail }, }), ]), o( "div", { staticClass: "room-div", on: { click: function (i) { return t.$emit( "change-room", e.id ); }, }, }, [ o( "button", { staticClass: "clear-button choose-button", attrs: { disabled: t.$route.params.id == e.id, }, on: { click: function (i) { return t.$emit( "change-room", e.id ); }, }, }, [ o("img", { staticStyle: { width: "42px", height: "42px", }, attrs: { src: i("ee69") }, }), ] ), ] ), ] ), ] ); }), 0 ), o("hr", { staticClass: "hr-room-gallery" }), ]) : t._e(), ]); }), 0 ) : t._e(), ]), t.isMobile ? o("div", [ o( "div", { staticClass: "header col-12 d-flex justify-content-between align-items-center p-0", style: { width: t.innerWidth + "px" }, }, [ o( "div", { staticClass: "sidebar-control d-flex align-items-center justify-content-center", }, [ t.menuSidebar ? t._e() : o( "button", { staticClass: "clear-button", on: { click: function (e) { return t.$emit( "sidebar-menu", t.menuSidebar ); }, }, }, [o("img", { attrs: { src: i("1f69") } })] ), t.menuSidebar ? o( "button", { staticClass: "clear-button", on: { click: function (e) { return t.$emit( "sidebar-menu", t.menuSidebar ); }, }, }, [o("img", { attrs: { src: i("bb7c") } })] ) : t._e(), ] ), t._m(1), o( "div", { staticClass: "settings-control d-flex align-items-center justify-content-center", }, [ t.hideSetting ? o("span", [ t.settingsSidebar ? t._e() : o( "button", { staticClass: "clear-button", on: { click: function (e) { return t.$emit( "show-setting", t.settingsSidebar ); }, }, }, [o("img", { attrs: { src: i("614f") } })] ), t.settingsSidebar ? o( "button", { staticClass: "clear-button", on: { click: function (e) { return t.$emit( "show-setting", t.settingsSidebar ); }, }, }, [o("img", { attrs: { src: i("bb7c") } })] ) : t._e(), ]) : t._e(), ] ), ] ), ]) : t._e(), // o( // "div", // { // staticClass: "lang-switch d-flex flex-row", // staticStyle: { "z-index": "80" }, // }, // [ // t._l(t.availableLanguage, function (e, i) { // return o("span", { key: "a" + i, staticClass: "this-lang" }, [ // e.abbreviation == t.$route.params.lang // ? o( // "div", // { // staticClass: // "current-lang d-flex align-items-center flex-column justify-content-center", // }, // [ // o("img", { // staticClass: "chosen-lang-icon", // attrs: { src: e.icon }, // }), // o("p", [t._v(t._s(e.abbreviation))]), // ] // ) // : t._e(), // ]); // }), // t._l(t.availableLanguage, function (e, i) { // return o("span", { key: "b" + i, staticClass: "lang-list" }, [ // o("div", { staticClass: "d-flex flex-column" }, [ // o( // "button", // { // staticClass: "lang-button", // on: { // click: function (i) { // return t.loadBahasa(e.abbreviation); // }, // }, // }, // [ // o("img", { // staticClass: "lang-icon mr-1", // attrs: { src: e.icon }, // }), // t._v(" " + t._s(e.name) + " "), // ] // ), // ]), // ]); // }), // ], // 2 // ), o( "div", { staticClass: "btn-contact-us d-flex flex-row", staticStyle: { "z-index": "10" }, }, [ o( "a", { staticClass: "btn-orange-contact d-flex align-items-center flex-column justify-content-center", attrs: { target: "_blank", href: "tel:" + t.hotline, // href: // "https://vicostone.com/" + // t.$route.params.lang + // "/contact-us", }, }, [ o("img", { staticStyle: { height: "22px" }, attrs: { src: i("dda2") }, }), ] ), ] ), ]); }, he = [ function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "button", { staticClass: "clear-button ml-3 mr-2", attrs: { hidden: "" } }, [o("img", { attrs: { src: i("8215") } })] ); }, function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { staticClass: "logo-container" }, [ o("img", { attrs: { src: i("4502") } }), ]); }, ], pe = (i("3ca3"), i("4d90"), i("ddb0"), i("2b3d"), i("5886")), ge = { name: "Header", components: {}, data: function () { return { modalShow: !1, email: "aiikyo23@gmail.com", img: null, img1: "https://vicostone-visualizer.baezeni.co/media/room_images/baseRoom_20203611457.png", img2: "https://raw.githubusercontent.com/lukechilds/merge-images/HEAD/test/fixtures/eyes.png", menuContent: !1, }; }, props: [ "isModalOpen", "isMobile", "outerHeight", "outerWidth", "innerHeight", "innerWidth", "hotline", "countryName", "currentMarket", "availableLanguage", "bookmarks", "loadedRoom", "menuSidebar", "settingsSidebar", "hideSetting", "contactComponent", "locationComponent", "compareComponent", "headerMenu", "rooms", "collections", "chosenRoom", "showRooms", "galleryBookmark", ], computed: { currentTimeString: function () { var t = new Date(), e = String(t.getDate()).padStart(2, "0"), i = String(t.getMonth() + 1).padStart(2, "0"), o = t.getFullYear(); return (t = o + "-" + i + "-" + e), t; }, shareURL: function () { var t = "", e = window.location.origin, i = this.$route.params.id; return ( void 0 == i && null != this.loadedRoom && (i = this.loadedRoom.id), (t = e + "/" + this.$i18n.locale + "/visualizer/room/" + i + "/product/" + this.productQuery), t ); }, surfaceParam: function () { var t = ""; return (t = this.chosenSurfaces.join("+")), t; }, productCodeParam: function () { var t = ""; return (t = this.chosenProductCode.join("+")), t; }, productQuery: function () { var t = this.chosenProductCode, e = [], i = ""; return ( t.forEach(function (t, i) { var o = i + 1, a = "p" + o + "=" + t; e.push(a); }), (i = e.join("&")), i ); }, chosenSurfaces: function () { var t = []; return ( null != this.loadedRoom && this.loadedRoom.surface_objects.forEach(function (e, i) { void 0 != e.surface_image.id && t.push(e.surface_image.id); }), t ); }, chosenProductCode: function () { var t = []; return ( null != this.loadedRoom && this.loadedRoom.surface_objects.forEach(function (e, i) { void 0 != e.surface_image.id && t.push(e.surface_image.product_code); }), t ); }, }, watch: { modalShow: function (t, e) { this.$emit("outside-modal", t); }, }, methods: { startGuideline: function () { this.$emit("start-guideline"), this.$emit("show-header-menu"); }, hideModal: function (t) { var e = "preview-bookmark" + t; this.$refs[e].hide(); }, downloadItem: function (t) { var e = t.full_image, i = t.name; G.a .get(e, { crossdomain: !0, withCredentials: !0, credentials: "cross-origin", responseType: "blob", }) .then(function (t) { var e = new Blob([t.data], { type: "image/png" }), o = document.createElement("a"); (o.href = URL.createObjectURL(e)), (o.download = i), o.click(), URL.revokeObjectURL(o.href); }) .catch(console.error); }, goToContactUs: function () { // window.location = // "https://vicostone.com/" + // this.$route.params.lang + // "/contact-us"; window.open( "https://vicostone.au/contact-us", "_blank", "noopener,noreferrer" ); }, onCopy: function (t) { this.$swal({ title: this.$t("alert.success"), text: this.$t("alert.success-copy-clipboard"), icon: "success", }); }, onError: function (t) { this.$swal({ title: this.$t("alert.warning"), text: this.$t("alert.fail-copy-clipboard"), icon: "warning", }); }, saveBookmark: function () { if (this.chosenSurfaces.length > 0) { var t = this, e = ""; t.$swal({ title: t.$t("alert.bookmark-name"), input: "text", inputPlaceholder: t.$t("alert.placeholder-bookmark-name"), showCloseButton: !0, }).then(function (i) { void 0 == i.value ? t.$swal({ title: t.$t("alert.warning"), text: t.$t("alert.cancel-save"), icon: "warning", }) : "" == i.value ? ((e = "Custom Room"), t.sendBookmark(e)) : ((e = i.value), t.sendBookmark(e)); }); } else this.$swal({ title: this.$t("alert.warning"), text: this.$t("alert.zero-surface-warning"), icon: "warning", }); }, sendBookmark: function (t) { var e = this, i = new Date(), o = +("0" + i.getDate()).slice(-2) + "/" + ("0" + (i.getMonth() + 1)).slice(-2) + "/" + i.getFullYear() + " " + ("0" + i.getHours()).slice(-2) + ":" + ("0" + i.getMinutes()).slice(-2) + ":" + ("0" + i.getSeconds()).slice(-2), a = { surface_images: e.chosenSurfaces, name: t, url: e.shareURL, market_id: e.currentMarket, country: e.countryName, language: e.$route.params.lang, date: o, }; G.a .post("/visualizers/", a) .then(function (i) { if ("success" == i.data.message) if ( (e .$swal({ title: e.$t("alert.success"), text: e.$t("alert.success-bookmark-save") + t, icon: "success", }) .then(function () { e.$router.push({ name: "visualizerPageSurface", params: { id: e.loadedRoom.id, surface: e.surfaceParam, }, }); }), void 0 == localStorage.getItem("vicostone-bookmark")) ) { var o = []; o.push(i.data.data.id), localStorage.setItem( "vicostone-bookmark", JSON.stringify(o) ); } else { var a = JSON.parse( localStorage.getItem("vicostone-bookmark") ); a.push(i.data.data.id), localStorage.setItem( "vicostone-bookmark", JSON.stringify(a) ), console.log(a); } else console.log(i), alert(i); }) .catch(function (t) { console.log(t); }); }, loadCanvas: function () {}, compareClick: function (t) { console.log(t); }, loadBookmark: function (t) { console.log(t); var e = t.surface_images.join("+"); this.$router.push({ name: "visualizerPageSurface", params: { id: t.room_id, surface: e }, }); }, loadBahasa: function (t) { "" != this.surfaceParam ? this.$router.push({ name: "visualizerPageSurface", params: { lang: t, surface: this.surfaceParam }, }) : this.$router.push({ name: "visualizerPage", params: { lang: t }, }); }, }, created: function () { console.log(this.$router.currentRoute); }, }, fe = ge, be = (i("0ebad"), i("bc48"), Object(n["a"])(fe, me, he, !1, null, "411676b6", null)), ve = be.exports, ke = function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { attrs: { id: "galleryBookmark" } }, [ o("h1", { staticClass: "ml-4 mt-3" }, [ t._v(t._s(t.$t("header.gallery-bookmark"))), ]), 0 == t.bookmarks.length ? o("span", { staticClass: "ml-4" }, [ t._v(t._s(t.$t("empty-bookmark"))), ]) : t._e(), o( "div", { staticClass: "d-flex align-content-start flex-wrap ml-3 bookmark-loop", class: { "mobile-loop": t.isMobile }, staticStyle: { "overflow-y": "auto" }, }, t._l(t.bookmarks, function (e, a) { return o( "span", { key: a, staticClass: "bookmark-item" }, [ o( "div", { staticClass: "d-flex flex-column bookmark-item-div" }, [ o("label", [t._v(t._s(e.name))]), o("img", { staticClass: "saved-bookmark-img", class: { "bookmark-img-mobile": t.isMobile }, attrs: { src: e.thumbnail }, }), o( "div", { staticClass: "bookmark-options-container" }, [ o( "b-dropdown", { staticClass: "bookmark-options-toggle bookmark-gallery", attrs: { "no-caret": "", variant: "link", "toggle-class": "text-decoration-none", right: "", }, scopedSlots: t._u( [ { key: "button-content", fn: function () { return [ o("img", { staticClass: "ellipsis", attrs: { src: i("0eba") }, }), ]; }, proxy: !0, }, ], null, !0 ), }, [ o( "b-dropdown-item", { directives: [ { name: "b-modal", rawName: "v-b-modal", value: "preview-bookmark" + a, expression: "'preview-bookmark' + bookmark_idx", }, ], on: { click: function (e) { return t.$emit( "modal-open", t.isModalOpen ); }, }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("a191") }, }), t._v(" " + t._s(t.$t("preview")) + " "), ] ), o( "b-dropdown-item", { on: { click: function (i) { return t.loadBookmark(e); }, }, }, [ o("img", { staticClass: "mr-2 mini-icon", attrs: { src: i("69d9") }, }), t._v(" " + t._s(t.$t("load")) + " "), ] ), o( "b-dropdown-item", { on: { click: function (i) { return t.$emit( "compare-component", i, t.compareComponent, e.image ); }, }, }, [ o("img", { staticClass: "mr-2", attrs: { src: i("b63b") }, }), t._v(" " + t._s(t.$t("compare")) + " "), ] ), o("b-dropdown-item", [ o("img", { staticClass: "mr-2 mini-icon", attrs: { src: i("e5b5") }, }), o( "a", { staticClass: "ml-1", attrs: { href: e.image, target: "_blank", download: "", }, domProps: { textContent: t._s("Download") }, on: { click: function (i) { return ( i.preventDefault(), t.downloadItem(e) ); }, }, }, [t._v(t._s(t.$t("download")))] ), ]), o( "b-dropdown-item", { on: { click: function (i) { return t.$emit("delete-bookmark", e.id); }, }, }, [ o("img", { staticClass: "mr-2 mini-icon", staticStyle: { width: "11px" }, attrs: { src: i("ce21") }, }), t._v(" " + t._s(t.$t("delete")) + " "), ] ), ], 1 ), ], 1 ), o( "div", { staticClass: "bookmark-options-container", staticStyle: { right: "46px" }, }, [ o( "b-dropdown", { staticClass: "bookmark-options-toggle bookmark-gallery-share", attrs: { "no-caret": "", variant: "link", "toggle-class": "text-decoration-none", right: "", }, scopedSlots: t._u( [ { key: "button-content", fn: function () { return [ o("img", { staticClass: "ellipsis", staticStyle: { width: "14px" }, attrs: { src: i("cc21") }, }), ]; }, proxy: !0, }, ], null, !0 ), }, [ o( "b-dropdown-item", { directives: [ { name: "clipboard", rawName: "v-clipboard:copy", value: e.url, expression: "bookmark.url", arg: "copy", }, { name: "clipboard", rawName: "v-clipboard:success", value: t.onCopy, expression: "onCopy", arg: "success", }, { name: "clipboard", rawName: "v-clipboard:error", value: t.onError, expression: "onError", arg: "error", }, ], }, [ o("img", { staticClass: "mr-2", attrs: { src: i("5fab") }, }), t._v( " " + t._s(t.$t("social.copy-url")) + " " ), ] ), o("social-sharing", { attrs: { url: e.image, quote: e.url, hashtags: "vicostone", }, inlineTemplate: { render: function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "network", { attrs: { network: "facebook" } }, [ o("b-dropdown-item", [ o("img", { staticClass: "mr-3", attrs: { src: i("8165") }, }), t._v( " " + t._s(t.$t("social.facebook")) + " " ), ]), ], 1 ); }, staticRenderFns: [], }, }), o("social-sharing", { attrs: { url: e.url, hashtags: "vicostone" }, inlineTemplate: { render: function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "network", { attrs: { network: "twitter" } }, [ o("b-dropdown-item", [ o("img", { staticClass: "mr-2", attrs: { src: i("1dc7") }, }), t._v( " " + t._s(t.$t("social.twitter")) + " " ), ]), ], 1 ); }, staticRenderFns: [], }, }), ], 1 ), ], 1 ), o( "b-modal", { attrs: { "no-close-on-esc": "", id: "preview-bookmark" + a, size: "xl", title: t.$t("preview"), "hide-footer": "", }, model: { value: t.modalShow, callback: function (e) { t.modalShow = e; }, expression: "modalShow", }, }, [ t.isMobile ? o("img", { staticStyle: { "object-fit": "contain", width: "100%", height: "100%", }, attrs: { src: e.image }, }) : t._e(), t.isMobile ? t._e() : o( "v-zoomer", { staticClass: "min768", staticStyle: { width: "1114px" }, style: { height: t.desktopHeight + "px" }, }, [ o("img", { staticStyle: { "object-fit": "contain", width: "100%", height: "100%", }, attrs: { src: e.image }, }), ] ), t.isMobile ? t._e() : o( "v-zoomer", { staticClass: "max768", staticStyle: { width: "100%" }, style: { height: t.mobileHeight + "px" }, }, [ o("img", { staticStyle: { "object-fit": "contain", width: "100%", height: "100%", }, attrs: { src: e.image }, }), ] ), ], 1 ), ], 1 ), o( "b-modal", { attrs: { id: "share-modal" + a, "hide-header": "", "hide-footer": "", centered: "", size: "sm", }, }, [ o( "div", { staticClass: "d-flex flex-row justify-content-center", }, [ o( "button", { directives: [ { name: "clipboard", rawName: "v-clipboard:copy", value: e.url, expression: "bookmark.url", arg: "copy", }, { name: "clipboard", rawName: "v-clipboard:success", value: t.onCopy, expression: "onCopy", arg: "success", }, { name: "clipboard", rawName: "v-clipboard:error", value: t.onError, expression: "onError", arg: "error", }, ], staticClass: "clear-button grey-circle mr-2 ml-1", }, [o("img", { attrs: { src: i("b420") } })] ), o("social-sharing", { attrs: { url: e.image, quote: e.url, hashtags: "vicostone", }, inlineTemplate: { render: function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "div", [ o( "network", { attrs: { network: "facebook" } }, [ o( "button", { staticClass: "clear-button grey-circle mr-2", }, [ o("img", { attrs: { src: i("412b") }, }), ] ), ] ), ], 1 ); }, staticRenderFns: [], }, }), o("social-sharing", { attrs: { url: e.url, hashtags: "vicostone" }, inlineTemplate: { render: function () { var t = this, e = t.$createElement, o = t._self._c || e; return o( "div", [ o( "network", { attrs: { network: "twitter" } }, [ o( "button", { staticClass: "clear-button grey-circle mr-2", }, [ o("img", { attrs: { src: i("1f7e") }, }), ] ), ] ), ], 1 ); }, staticRenderFns: [], }, }), ], 1 ), ] ), ], 1 ); }), 0 ), ]); }, _e = [], Ce = { name: "GalleryBookmark", components: {}, data: function () { return { modalShow: !1 }; }, watch: { modalShow: function (t, e) { t && this.$emit("outside-modal", t); }, }, computed: { mobileHeight: function () { var t = window.innerHeight - 90; return t; }, desktopHeight: function () { var t = window.innerHeight - 120; return t; }, }, props: ["bookmarks", "compareComponent", "isModalOpen", "isMobile"], methods: { downloadItem: function (t) { var e = t.full_image, i = t.name; G.a .get(e, { crossdomain: !0, withCredentials: !0, credentials: "cross-origin", responseType: "blob", }) .then(function (t) { var e = new Blob([t.data], { type: "image/png" }), o = document.createElement("a"); (o.href = URL.createObjectURL(e)), (o.download = i), o.click(), URL.revokeObjectURL(o.href); }) .catch(console.error); }, loadBookmark: function (t) { console.log(t); var e = t.surface_images.join("+"); this.$router.push({ name: "visualizerPageSurface", params: { id: t.room_id, surface: e }, }); }, onCopy: function (t) { this.$swal({ title: this.$t("alert.success"), text: this.$t("alert.success-copy-clipboard"), icon: "success", }); }, onError: function (t) { this.$swal({ title: this.$t("alert.warning"), text: this.$t("fail.success-copy-clipboard"), icon: "warning", }); }, }, }, ye = Ce, we = (i("9942"), i("23b7"), i("bee5"), Object(n["a"])(ye, ke, _e, !1, null, "34549367", null)), Se = we.exports, xe = function () { var t = this, e = t.$createElement, o = t._self._c || e; return o("div", { staticClass: "pl-4 pr-4" }, [ o( "div", [ o("span", { staticClass: "picker-title mr-4 uppercase" }, [ t._v(t._s(t.$t("choose-option"))), ]), o( "multiselect", { staticClass: "m-3", staticStyle: { width: "200px", display: "inline-block" }, attrs: { "show-labels": !1, placeholder: "Select one", options: t.choiceOptions, searchable: !1, "allow-empty": !1, }, model: { value: t.selectedChoice, callback: function (e) { t.selectedChoice = e; }, expression: "selectedChoice", }, }, [ o("template", { slot: "selection" }, [ null == t.selectedChoice ? o("span", [t._v(t._s(t.$t("choose-option")))]) : t._e(), null != t.selectedChoice ? o("span", [t._v(t._s(this.selectedChoice))]) : t._e(), ]), ], 2 ), ], 1 ), t.selectedChoice == t.choiceOptions[0] ? o("div", [ o( "div", { staticClass: "product-list-div", class: { "d-flex ": t.isMobile, "flex-wrap": t.isMobile }, style: { height: t.listHeight + "px" }, }, t._l(t.products, function (e, a) { return o("span", { key: a }, [ o( "div", { staticClass: "product-container d-flex flex-wrap mb-3 mt-2 align-content-center", class: { mobile: t.isMobile }, on: { click: function (t) { e.selected = !e.selected; }, }, }, [ o("div", { staticClass: "div-image" }, [ o("img", { staticClass: "product-image", attrs: { src: e.default_product_image, alt: "" }, }), o( "div", { class: { "active-surface": 1 == e.selected } }, [ 1 == e.selected ? o("img", { attrs: { src: i("1bee") } }) : t._e(), ] ), ]), o("div", { staticClass: "product-detail ml-3" }, [ o( "p", { staticClass: "title-product product-cart-name-1 mb-1 uppercase", }, [t._v(t._s(e.product_name))] ), o("p", { staticClass: "body-product mt-0" }, [ t._v( t._s(e.product_code) + " - " + t._s(e.product_collection) ), ]), ]), ] ), ]); }), 0 ), o("div", [ t.isMobile ? o( "div", { staticClass: "d-flex flex-row-reverse mt-2 mb-2 mr-0", }, [ o( "router-link", { attrs: { to: { name: "locationPage", params: { productIdQuery: t.productIdQuery }, }, }, }, [ o( "button", { staticClass: "col btn btn-primary uppercase", }, [t._v(t._s(t.$t("locate-dealer")))] ), ] ), t.isSelectAll[0] ? o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(0, !1); }, }, }, [t._v(t._s(t.$t("unselect-all")))] ) : o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(0, !0); }, }, }, [t._v(t._s(t.$t("select-all")))] ), ], 1 ) : o( "div", { staticClass: "d-flex flex-row-reverse row mt-4" }, [ o( "div", { staticClass: "mr-2", on: { click: function (e) { return t.$emit( "open-location", t.productIdQuery ); }, }, }, [ o( "button", { staticClass: "btn btn-primary uppercase" }, [t._v(t._s(t.$t("locate-dealer")))] ), ] ), t.isSelectAll[0] ? o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(0, !1); }, }, }, [t._v(t._s(t.$t("unselect-all")))] ) : o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(0, !0); }, }, }, [t._v(t._s(t.$t("select-all")))] ), ] ), ]), ]) : t._e(), t.selectedChoice == t.choiceOptions[1] ? o("div", [ o( "div", { staticClass: "product-list-div", class: { "d-flex ": t.isMobile, "flex-wrap": t.isMobile }, style: { height: t.listHeight + "px" }, }, t._l(t.pickers, function (e, a) { console.log("pickers", t.pickers); return o("span", { key: a }, [ o( "div", { staticClass: "product-container d-flex flex-wrap mb-3 mt-2 align-content-center", class: { mobile: t.isMobile }, on: { click: function (t) { e.selected = !e.selected; }, }, }, [ o("div", { staticClass: "div-image" }, [ o("img", { staticClass: "product-image", attrs: { src: e.default_product_image, alt: "" }, }), o( "div", { class: { "active-surface": 1 == e.selected } }, [ 1 == e.selected ? o("img", { attrs: { src: i("1bee") } }) : t._e(), ] ), ]), o("div", { staticClass: "product-detail ml-3" }, [ o( "p", { staticClass: "title-product mb-1 uppercase product-cart-name-2", }, [t._v(t._s(e.product_name))] ), o( "p", { staticClass: "body-product uppercase mb-1" }, [t._v(t._s(e.product_collection))] ), o("table", [ o("tr", [ o("td", { staticStyle: { width: "120px" } }, [ o( "p", { staticClass: "body-product mt-0", staticStyle: { "font-weight": "800" }, }, [t._v(t._s(e.picker))] ), ]), o("td", [ o("p", { staticClass: "body-product mt-0" }, [ t._v(t._s(e.room)), ]), ]), ]), ]), ]), ] ), ]); }), 0 ), o("div", [ t.isMobile ? o( "div", { staticClass: "d-flex flex-row-reverse mt-2 mb-2 mr-0", }, [ o( "router-link", { attrs: { to: { name: "locationPage", params: { productIdQuery: t.productIdQuery }, }, }, }, [ o( "button", { staticClass: "col btn btn-primary uppercase", }, [t._v(t._s(t.$t("locate-dealer")))] ), ] ), t.isSelectAll[1] ? o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(1, !1); }, }, }, [t._v(t._s(t.$t("unselect-all")))] ) : o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(1, !0); }, }, }, [t._v(t._s(t.$t("select-all")))] ), ], 1 ) : o( "div", { staticClass: "d-flex flex-row-reverse row mt-4" }, [ o( "div", { staticClass: "mr-2", on: { click: function (e) { return t.$emit( "open-location", t.productIdQuery ); }, }, }, [ o( "button", { staticClass: "btn btn-primary uppercase" }, [t._v(t._s(t.$t("locate-dealer")))] ), ] ), t.isSelectAll[1] ? o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(1, !1); }, }, }, [t._v(t._s(t.$t("unselect-all")))] ) : o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(1, !0); }, }, }, [t._v(t._s(t.$t("select-all")))] ), ] ), ]), ]) : t._e(), t.selectedChoice == t.choiceOptions[2] ? o("div", [ o("div", { staticClass: "mb-2" }, [ o("input", { directives: [ { name: "model", rawName: "v-model", value: t.productSearch, expression: "productSearch", }, ], staticClass: "app-search__input search-product desktop", attrs: { type: "search", placeholder: t.$t("picker.search-product"), }, domProps: { value: t.productSearch }, on: { input: function (e) { e.target.composing || (t.productSearch = e.target.value); }, }, }), ]), o( "div", { staticClass: "product-list-div", class: { "d-flex ": t.isMobile, "flex-wrap": t.isMobile }, style: { height: t.listHeight + "px" }, }, t._l(t.allTheProducts, function (e, a) { console.log("allTheProducts", t.allTheProducts); return o("span", { key: a }, [ o( "div", { staticClass: "product-container d-flex flex-wrap mb-3 mt-2 align-content-center", class: { mobile: t.isMobile }, on: { click: function (t) { e.selected = !e.selected; }, }, }, [ o("div", { staticClass: "div-image" }, [ o("img", { staticClass: "product-image", attrs: { src: e.default_product_image, alt: "" }, }), o( "div", { class: { "active-surface": 1 == e.selected } }, [ 1 == e.selected ? o("img", { attrs: { src: i("1bee") } }) : t._e(), ] ), ]), o("div", { staticClass: "product-detail ml-3" }, [ o( "p", { staticClass: "title-product mb-1 uppercase product-cart-name-1", }, [t._v(t._s(e.product_name))] ), o("p", { staticClass: "body-product mt-0" }, [ t._v( t._s(e.product_code) + " - " + t._s(e.product_collection) ), ]), ]), ] ), ]); }), 0 ), o("div", [ t.isMobile ? o( "div", { staticClass: "d-flex flex-row-reverse mt-2 mb-2 mr-0", }, [ o( "router-link", { attrs: { to: { name: "locationPage", params: { productIdQuery: t.productIdQuery }, }, }, }, [ o( "button", { staticClass: "col btn btn-primary uppercase", }, [t._v(t._s(t.$t("locate-dealer")))] ), ] ), t.isSelectAll[2] ? o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(2, !1); }, }, }, [t._v(t._s(t.$t("unselect-all")))] ) : o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(2, !0); }, }, }, [t._v(t._s(t.$t("select-all")))] ), ], 1 ) : o( "div", { staticClass: "d-flex flex-row-reverse row mt-4" }, [ o( "div", { staticClass: "mr-2", on: { click: function (e) { return t.$emit( "open-location", t.productIdQuery ); }, }, }, [ o( "button", { staticClass: "btn btn-primary uppercase" }, [t._v(t._s(t.$t("locate-dealer")))] ), ] ), t.isSelectAll[2] ? o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(2, !1); }, }, }, [t._v(t._s(t.$t("unselect-all")))] ) : o( "button", { staticClass: "btn btn-primary uppercase mr-2", on: { click: function (e) { return t.selectAll(2, !0); }, }, }, [t._v(t._s(t.$t("select-all")))] ), ] ), ]), ]) : t._e(), ]); }, $e = [], Pe = (i("6062"), i("2909")), ze = { name: "ProductCart", components: { Multiselect: Qt.a }, props: [ "innerHeight", "innerWidth", "pickers", "products", "allProducts", "isMobile", "filteredAllProducts", ], data: function () { return { isSelectAll: [!1, !1, !1], allTheProducts: this.allProducts, productSearch: "", selectedChoice: null, choiceOptions: [ this.$t("selected-product"), this.$t("picker-and-product"), this.$t("all-products"), ], }; }, watch: { selectedChoice: function (t, e) { t == this.choiceOptions[2] && 0 == this.allTheProducts.length && (this.allTheProducts = this.allProducts); }, productSearch: function (t, e) { "" != t.length ? (this.$emit("search-product", t), (this.allTheProducts = this.filteredAllProducts)) : (this.allTheProducts = this.allProducts); }, chosenProduct: function (t) { t.length == this.products.length && (this.isSelectAll[0] = !0); }, chosenPicker: function (t) { t.length == this.pickers.length && (this.isSelectAll[1] = !0); }, allTheProducts: function (t) { console.log(), t.length == this.chosenAllProduct.length && 0 != this.chosenAllProduct.length && (this.isSelectAll[2] = !0); }, }, computed: { listHeight: function () { var t = this.innerHeight - 200; return ( this.isMobile && this.innerHeight < this.innerWidth && (t = this.innerHeight - 200), this.selectedChoice == this.choiceOptions[2] && (t = this.innerHeight - 246), t ); }, chosenProduct: function () { var t = []; return ( this.products.forEach(function (e, i) { e.selected && t.push(e.product_id); }), t ); }, chosenPicker: function () { var t = []; return ( this.pickers.forEach(function (e, i) { e.selected && t.push(e.product_id); }), t ); }, chosenAllProduct: function () { var t = []; return ( this.allTheProducts.forEach(function (e, i) { e.selected && t.push(e.product_id); }), t ); }, productIdQuery: function () { var t = "", e = []; if (this.selectedChoice == this.choiceOptions[0]) this.chosenProduct.forEach(function (t, i) { var o = "&product=" + t; e.push(o); }), (t = e.join("")); else if (this.selectedChoice == this.choiceOptions[1]) { this.chosenPicker.forEach(function (t, i) { var o = "&product=" + t; e.push(o); }); var i = Object(Pe["a"])(new Set(e)); t = i.join(""); } else this.selectedChoice == this.choiceOptions[1] && (this.chosenAllProduct.forEach(function (t, i) { var o = "&product=" + t; e.push(o); }), (t = e.join(""))); return t; }, }, methods: { selectAll: function (t, e) { console.log(t), (this.isSelectAll[t] = e), e ? 0 == t ? this.products.forEach(function (t) { t.selected = !0; }) : 1 == t ? this.pickers.forEach(function (t) { t.selected = !0; }) : 2 == t && this.allTheProducts.forEach(function (t) { t.selected = !0; }) : 0 == t ? this.products.forEach(function (t) { t.selected = !1; }) : 1 == t ? this.pickers.forEach(function (t) { t.selected = !1; }) : 2 == t && this.allTheProducts.forEach(function (t) { t.selected = !1; }); }, }, created: function () { this.selectedChoice = this.choiceOptions[0]; }, }, Me = ze, He = (i("21a4"), Object(n["a"])(Me, xe, $e, !1, null, "484c4534", null)), Le = He.exports, Re = { name: "VisualizerPage", components: { VisualizerControl: Xt, MenuSidebar: de, GalleryBookmark: Se, ProductCart: Le, Guideline: se, Header: ve, }, data: function () { return { innerWidth: null, innerHeight: null, outerHeight: null, outerWidth: null, productIdQuery: "", products: [], allProducts: [], filteredAllProducts: [], pickers: [], cartSidebar: !1, headerKey: 0, visualizerControlKey: 0, visualizerPageKey: 0, isOflowX: !1, isOflowY: !1, isGuideline: !0, isPickerGuideline: !1, isModalOpen: !1, currentLanguage: "en", countryName: null, currentMarket: 1, availableLanguage: [], hotline: "", bookmarkKey: 0, controlKey: 0, loadedRoom: null, rooms: [], collections: [], hideSetting: !0, menuSidebar: !1, settingsSidebar: !1, contactComponent: !1, locationComponent: !1, compareComponent: !1, compareRoom1: null, compareRoom2: null, headerMenu: !1, pickerSidebar: !1, chosenRoom: null, showRooms: !1, galleryBookmark: !1, bookmarks: [], }; }, watch: { collections: function (t) { var e = this; t.forEach(function (t) { t.rooms.forEach(function (t) { var i = ""; t.names.forEach(function (o, a) { e.$route.params.lang == o.language_abbreviation && e.$set(t, "name", o.room_name), "en" == o.language_abbreviation && (i = o.room_name); }), void 0 == t.name && e.$set(t, "name", i); }); }); }, hideSetting: function (t) { t || ((this.menuSidebar = !1), (this.settingsSidebar = !1), (this.contactComponent = !1), (this.locationComponent = !1), (this.compareComponent = !1), (this.headerMenu = !1), (this.pickerSidebar = !1), (this.showRooms = !1), (this.galleryBookmark = !1), (this.cartSidebar = !1)); }, menuSidebar: function (t) { t && ((this.hideSetting = !0), (this.settingsSidebar = !1), (this.contactComponent = !1), (this.locationComponent = !1), (this.compareComponent = !1), (this.headerMenu = !1), (this.pickerSidebar = !1), (this.showRooms = !1), (this.galleryBookmark = !1), (this.cartSidebar = !1)); }, settingsSidebar: function (t) { t && ((this.hideSetting = !0), (this.menuSidebar = !1), (this.contactComponent = !1), (this.locationComponent = !1), (this.compareComponent = !1), (this.headerMenu = !1), (this.pickerSidebar = !1), (this.showRooms = !1), (this.galleryBookmark = !1), (this.cartSidebar = !1)); }, contactComponent: function (t) { t && ((this.hideSetting = !0), (this.menuSidebar = !1), (this.settingsSidebar = !1), (this.locationComponent = !1), (this.compareComponent = !1), (this.headerMenu = !1), (this.pickerSidebar = !1), (this.showRooms = !1), (this.galleryBookmark = !1), (this.cartSidebar = !1)); }, locationComponent: function (t) { t && ((this.hideSetting = !0), (this.menuSidebar = !1), (this.settingsSidebar = !1), (this.contactComponent = !1), (this.compareComponent = !1), (this.headerMenu = !1), (this.pickerSidebar = !1), (this.showRooms = !1), (this.galleryBookmark = !1)); }, compareComponent: function (t) { t && ((this.hideSetting = !0), (this.menuSidebar = !1), (this.settingsSidebar = !1), (this.contactComponent = !1), (this.locationComponent = !1), (this.headerMenu = !1), (this.pickerSidebar = !1), (this.showRooms = !1), (this.galleryBookmark = !1), (this.cartSidebar = !1)); }, headerMenu: function (t) { t && ((this.hideSetting = !0), (this.menuSidebar = !1), (this.settingsSidebar = !1), (this.contactComponent = !1), (this.locationComponent = !1), (this.compareComponent = !1), (this.pickerSidebar = !1), (this.showRooms = !1), (this.galleryBookmark = !1), (this.cartSidebar = !1)); }, pickerSidebar: function (t) { t && ((this.hideSetting = !0), (this.menuSidebar = !1), (this.settingsSidebar = !1), (this.contactComponent = !1), (this.locationComponent = !1), (this.compareComponent = !1), (this.headerMenu = !1), (this.showRooms = !1), (this.galleryBookmark = !1), (this.cartSidebar = !1)); }, showRooms: function (t) { t && ((this.hideSetting = !0), (this.menuSidebar = !1), (this.settingsSidebar = !1), (this.contactComponent = !1), (this.locationComponent = !1), (this.compareComponent = !1), (this.headerMenu = !1), (this.pickerSidebar = !1), (this.galleryBookmark = !1), (this.cartSidebar = !1)); }, galleryBookmark: function (t) { t && ((this.hideSetting = !0), (this.menuSidebar = !1), (this.settingsSidebar = !1), (this.contactComponent = !1), (this.locationComponent = !1), (this.compareComponent = !1), (this.headerMenu = !1), (this.pickerSidebar = !1), (this.showRooms = !1), (this.cartSidebar = !1)); }, cartSidebar: function (t) { t && ((this.hideSetting = !0), (this.menuSidebar = !1), (this.settingsSidebar = !1), (this.contactComponent = !1), (this.compareComponent = !1), (this.headerMenu = !1), (this.pickerSidebar = !1), (this.showRooms = !1), (this.galleryBookmark = !1), this.getProducts()); }, }, computed: { isABootstrapModalOpen: function () { return document.querySelectorAll(".modal").length > 0; }, isMobilePotrait: function () { return !!( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent ) && window.innerHeight > window.innerWidth ); }, isMobile: function () { return !!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent ); }, }, methods: { outsideCart: function () { console.log(this.productIdQuery); }, scrollLeft: function () { this.$refs.visualizerPage.scrollLeft = 0; }, searchProduct: function (t) { console.log(t); var e = this.allProducts.filter(function (e) { return ( e.product_name.toString().toLowerCase().includes(t) || e.product_code.toString().toLowerCase().includes(t) || e.product_collection.toString().toLowerCase().includes(t) ); }); (this.filteredAllProducts = e), console.log(e), console.log(this.filteredAllProducts); }, resizeHandler: function () { (this.outerHeight = window.outerHeight), (this.outerWidth = window.outerWidth), (this.innerHeight = window.innerHeight), (this.innerWidth = window.innerWidth), (this.headerKey += 1), (this.visualizerControlKey += 1), (this.visualizerPageKey += 1); }, orientationHandler: function () { (this.outerHeight = window.outerHeight), (this.outerWidth = window.outerWidth), (this.innerHeight = window.innerHeight), (this.innerWidth = window.innerWidth), (this.headerKey += 1), (this.visualizerControlKey += 1), (this.visualizerPageKey += 1); }, startGuideline: function () { localStorage.removeItem("vicostone-guideline"), (this.isGuideline = !0); }, skipPickerGuideline: function () { (this.isPickerGuideline = !1), localStorage.setItem("vicostone-guideline", !0); }, finishGuideline: function () { (this.isGuideline = !1), (this.isPickerGuideline = !0); }, skipGuideline: function () { (this.isGuideline = !1), localStorage.setItem("vicostone-guideline", !0); }, outsideHeader: function () { this.isModalOpen || (this.headerMenu = !1), (this.showRooms = !1); }, outsideModal: function (t) { this.isModalOpen = t; }, checkModalOpen: function () { this.isModalOpen = !0; }, outsideBookmark: function () { this.isModalOpen ? (this.galleryBookmark = !0) : (this.galleryBookmark = !1); }, outsideLocation: function () { this.cartSidebar || (this.locationComponent = !1); }, openLocation: function () { this.locationComponent = !0; }, openLocationProduct: function (t) { (this.productIdQuery = t), (this.locationComponent = !0), this.visualizerControlKey++; }, outsideCompare: function () { this.compareComponent = !1; }, makeString: function (t) { if (1 === t.length) return t[0]; var e = t.slice(0, t.length - 1), i = t[t.length - 1]; return e.join(", ") + " & " + i; }, applyMarketLanguageData: function (t) { (this.availableLanguage = t.languages), (this.hotline = t.hotline), (this.currentMarket = t.id), this.getDataAfterMarketFound(t.id); }, getMarketWithID: function (t) { var e = this; G.a.get("/market_retrieve/?market=" + t).then(function (t) { e.applyMarketLanguageData(t.data.data); }); }, deleteBookmark: function (t) { var e = this; G.a .delete("/visualizers/" + t + "/") .then(function (t) { "success" == t.data.message ? (e.$swal({ title: e.$t("alert.success"), text: e.$t("alert.success-delete"), icon: "success", }), e.getBookmark(), (e.bookmarkKey += 1)) : alert(t); }) .catch(function (t) { console.log(t); }); }, hideShowSidebarMenu: function () { this.menuSidebar = !this.menuSidebar; }, showSidebarPicker: function () { this.pickerSidebar = !0; }, hideShowContact: function () { this.contactComponent = !0; }, hideShowCompare: function (t, e, i) { null == this.compareRoom1 ? (this.compareRoom1 = i) : (this.compareRoom2 = i), (this.compareComponent = !0), (this.contactComponent = !1), (this.locationComponent = !1), (this.headerMenu = !1), (this.pickerSidebar = !1), (this.showRooms = !1), (this.galleryBookmark = !1); }, hideShowLocation: function () { this.locationComponent = !0; }, hideShowBookmark: function () { this.galleryBookmark = !0; }, hideShowSettings: function () { this.settingsSidebar = !this.settingsSidebar; }, headerMenuChange: function () { this.headerMenu = !this.headerMenu; }, showRoomChange: function () { this.showRooms = !this.showRooms; }, choosePicker: function () { this.pickerSidebar = !0; }, closePicker: function () { this.pickerSidebar = !1; }, closeCart: function () { this.cartSidebar = !1; }, chooseRoom: function (t) { console.log(t); }, changeRoom: function (t) { console.log(t), (this.chosenRoom = t), (this.controlKey += 1), this.$router.replace({ name: "visualizerPage", params: { id: t }, }); }, getBookmark: function () { var t = JSON.parse(localStorage.getItem("vicostone-bookmark")), e = new FormData(); if (void 0 != t) { for (var i = 0; i < t.length; i++) e.append("ids", t[i]); var o = { headers: { "content-type": "multipart/form-data" } }, a = this; G.a .post("/visualizers_customer/", e, o) .then(function (t) { "success" == t.data.message ? (a.bookmarks = t.data.data) : console.log(t); }) .catch(function (t) { console.log(t); }); } }, getMarketWithName: function (t, region_code) { var e = this; "United States of America" == t && (t = "United States"); t == "United States" && [ "OR", "WA", "CO", "UT", "AZ", "NV", "MT", "ID", "WY", "AK", "HI", ].includes(region_code) && (t = "Tuvalu"), G.a .get("/market_retrieve/?country=" + t) .then(function (t) { "success" == t.data.message ? e.applyMarketLanguageData(t.data.data) : e.getMarketWithID(1); }) .catch(function (t) { this.getMarketWithID(1); }); }, getDataAfterMarketFound: function (t) { var e = this; if (void 0 != this.$route.params.product) { var i = this.$route.params.product.split("&"), o = i.sort(), a = [], s = []; o.forEach(function (t, e) { var i = t.substr(0, t.indexOf("=")), o = parseInt(i.charAt(1)) - 1, n = t.split("=").pop(), r = "index=" + o + "&product_code=" + n; s.push(n), a.push(r); }); var n = a.join("&"); G.a .get( "/room_customer/" + this.$route.params.id + "/?" + n + "&market=" + t + "&language=" + this.$route.params.lang ) .then(function (t) { (e.loadedRoom = t.data.data), t.data.data.names.forEach(function (t, i) { e.$route.params.lang == t.language_abbreviation && e.$set(e.loadedRoom, "name", t.room_name); }), (e.loading = !1); var i = [], o = []; (t.data.data.surface_objects.forEach(function (t, e) { t.surface_image.available || (i.push(e), -1 === o.indexOf(s[e]) && o.push(s[e])); }), i.length > 0) && (1 == o.length ? e.$t("alert.unavailable-singular") : e.$t("alert.unavailable-plural")); }); } else if (void 0 != this.$route.params.surface) { var r = this.$route.params.surface.split("+"), c = r.join("&surface="); G.a .get( "/room_customer/" + this.$route.params.id + "/?surface=" + c + "&market=" + t + "&language=" + this.$route.params.lang ) .then(function (t) { (e.loadedRoom = t.data.data), t.data.data.names.forEach(function (t, i) { e.$route.params.lang == t.language_abbreviation && e.$set(e.loadedRoom, "name", t.room_name); }), (e.loading = !1); }); } else void 0 != this.$route.params.default ? G.a .get( "/room_customer/?market=" + t + "&landing_product=" + this.$route.params.default + "&language=" + this.$route.params.lang ) .then(function (t) { (e.loadedRoom = t.data.data), t.data.data.names.forEach(function (t, i) { e.$route.params.lang == t.language_abbreviation && e.$set(e.loadedRoom, "name", t.room_name); }); var i = []; t.data.data.surface_objects.forEach(function (t, e) { t.surface_image.available || i.push(e); }), i.length; }) : G.a .get( "/room_customer_default/" + this.$route.params.id + "/?market=" + t + "&language=" + this.$route.params.lang ) .then(function (t) { (e.loadedRoom = t.data.data), t.data.data.names.forEach(function (t, i) { e.$route.params.lang == t.language_abbreviation && e.$set(e.loadedRoom, "name", t.room_name); }); }); G.a .get("/room_collections_customer/?market=" + t) .then(function (t) { return (e.collections = t.data.data); }); }, getProducts: function () { var t = this, e = JSON.parse(localStorage.getItem("vicostone-product")); if (void 0 != e) { var i = e.join("&product="); G.a .get( "/product_list_customer/?market=" + this.currentMarket + "&product=" + i ) .then(function (e) { (t.products = e.data.data), t.products.forEach(function (e) { t.$set(e, "selected", !1); }), t.applyProductToPicker(); }); } }, getAllProducts: function () { var t = this; G.a .get("/product_list_customer/?market=" + this.currentMarket) .then(function (e) { (t.allProducts = e.data.data), t.allProducts.forEach(function (e) { t.$set(e, "selected", !1); }); }); }, applyProductToPicker: function () { var t = this; this.pickers = []; var e = JSON.parse(localStorage.getItem("vicostone-picker")); void 0 != e && e.length > 0 && e.forEach(function (e, i) { var o = t.products.find(function (t) { return t.product_id == e.product; }), a = { id: i, selected: !1, picker: e.picker, room: e.room, product_id: o?.product_id, product_name: o?.product_name, product_code: o?.product_code, product_collection: o?.product_collection, default_product_image: o?.default_product_image, }; t.pickers.push(a); }); }, }, created: function () { var t = this; this.resizeHandler(), this.orientationHandler(), window.addEventListener("resize", this.resizeHandler), window.addEventListener( "orientationchange", this.orientationHandler ); var e = JSON.parse(localStorage.getItem("vicostone-guideline")), i = this.$route.params.guideline; e && (this.isGuideline = !1), i && (this.isGuideline = !0), this.getBookmark(), void 0 != this.$route.params.market ? (this.getMarketWithID(this.$route.params.market), G.a .get("https://ipwhois.pro/?key=NyRIz7VVkR0Y5kTN") .then(function (e) { t.getMarketWithName(e.data.country, e.data.region_code), (t.countryName = e.data.country); })) : G.a .get("https://ipwhois.pro/?key=NyRIz7VVkR0Y5kTN") .then(function (e) { t.getMarketWithName(e.data.country, e.data.region_code), (t.countryName = e.data.country); }); }, }, Ie = Re, Te = (i("a6a6"), Object(n["a"])(Ie, Q, Z, !1, null, "4b607d20", null)), Oe = Te.exports, We = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i( "div", { staticClass: "basePage p-3", attrs: { id: "contactUsPage" } }, [ i("Header", { attrs: { menuSidebar: t.menuSidebar, settingsSidebar: t.settingsSidebar, hideSetting: t.hideSetting, }, on: { "sidebar-menu": t.hideShowSidebarMenu, "show-setting": t.hideShowSettings, }, }), i("MenuSidebar", { attrs: { menuSidebar: t.menuSidebar } }), t._m(0), i("ContactUsForm"), ], 1 ); }, Ee = [ function () { var t = this, e = t.$createElement, i = t._self._c || e; return i("div", [ i("h1", [t._v("Contact Vicostone")]), i("p", [ t._v( "Timeless design combined with unparalleled quality and ingenuity enables us to create unique and beautiful, Quartz stone surfaces that reflects your personality down to every last detail." ), ]), ]); }, ], De = { name: "ContactUsPage", components: { ContactUsForm: Ut, MenuSidebar: de, Header: ve }, data: function () { return { menuSidebar: !1, settingsSidebar: !1, hideSetting: !1 }; }, methods: { hideShowSidebarMenu: function () { (this.menuSidebar = !this.menuSidebar), (this.settingsSidebar = !1); }, hideMenu: function () { this.menuSidebar = !1; }, hideShowSettings: function () { (this.settingsSidebar = !this.settingsSidebar), (this.menuSidebar = !1); }, }, }, je = De, Be = (i("44ec"), Object(n["a"])(je, We, Ee, !1, null, "0415c8a4", null)), Ne = Be.exports, Ae = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i( "div", { staticClass: "basePage", attrs: { id: "locationPage" } }, [ i("Header", { key: "headerKey" + t.headerKey, attrs: { isMobile: t.isMobile, outerHeight: t.outerHeight, outerWidth: t.outerWidth, innerHeight: t.innerHeight, innerWidth: t.innerWidth, menuSidebar: t.menuSidebar, settingsSidebar: t.settingsSidebar, hideSetting: t.hideSetting, }, on: { "sidebar-menu": t.hideShowSidebarMenu, "show-setting": t.hideShowSettings, }, }), i("MenuSidebar", { key: "sidebarKey" + t.sidebarKey, attrs: { menuSidebar: t.menuSidebar, innerHeight: t.innerHeight }, }), t._m(0), i("LocationList", { attrs: { locations: t.locations, hidden: "" }, }), i( "div", [ i("h1", { staticClass: "pl-3 pt-3" }, [ t._v(t._s(t.$t("nearest-location"))), ]), i("LocationComponent", { attrs: { innerHeight: t.innerHeight, innerWidth: t.innerWidth, hotline: t.hotline, productIdQuery: t.productIdQuery, isMobile: t.isMobile, currentMarket: t.currentMarket, }, }), ], 1 ), ], 1 ); }, Fe = [ function () { var t = this, e = t.$createElement, i = t._self._c || e; return i("div", { attrs: { hidden: "" } }, [ i("div", { staticClass: "p-3" }, [ i("h1", [t._v("Nearest Location")]), i("p", [ t._v( "Timeless design combined with unparalleled quality and ingenuity enables us to create unique and beautiful, Quartz stone surfaces that reflects your personality down to every last detail." ), ]), ]), i("div", [ i("iframe", { staticStyle: { border: "0" }, attrs: { src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3966.0825807464125!2d106.79786601593864!3d-6.2528497629656155!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e69f14f2aa0e0c3%3A0x4aff35348de94522!2sPT%20Baezeni%20Digital%20Services!5e0!3m2!1sen!2sid!4v1579681261471!5m2!1sen!2sid", width: "100%", height: "210", frameborder: "0", allowfullscreen: "", }, }), ]), ]); }, ], Ge = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i( "div", { attrs: { id: "locationList" } }, t._l(t.locations, function (e) { return i("div", { key: e.id, staticClass: "location-item p-3" }, [ i("div", { staticClass: "mt-3" }, [ i("h2", [t._v(t._s(e.title.substring(0, 22)))]), i("span", { staticClass: "primary-hex" }, [ t._v("Vicostone Distributor"), ]), i("p", [ t._v( "46 South Bridge Road 04-02 Singapore 058679, Singapore." ), ]), ]), i("div", { staticClass: "mb-3" }, [ i("span", { staticClass: "store-info" }, [ t._v("P: +" + t._s(e.id) + "2 872390 0978" + t._s(e.id)), ]), i("span", { staticClass: "store-info" }, [ t._v("F: " + t._s(e.title.substring(5, 12))), ]), i("span", { staticClass: "store-info" }, [ i("a", { attrs: { href: "mailto:aina@aina.com" } }, [ t._v( "E: emailusername@" + t._s(e.title.substring(0, 2)) + ".com" ), ]), ]), i("span", { staticClass: "store-info" }, [ i( "a", { attrs: { href: "www.googlw.com", target: "_blank" } }, [t._v("W: " + t._s(e.title.substring(7, 28)))] ), ]), ]), ]); }), 0 ); }, Ve = [], Ke = { name: "LocationList", props: ["locations"], data: function () { return {}; }, methods: {}, }, Ue = Ke, qe = (i("ab8d"), Object(n["a"])(Ue, Ge, Ve, !1, null, "db389b1a", null)), Qe = qe.exports, Ze = { name: "LocationPage", components: { LocationComponent: Tt, LocationList: Qe, MenuSidebar: de, Header: ve, }, data: function () { return { currentMarket: 1, sidebarKey: 0, headerKey: 0, menuSidebar: !1, settingsSidebar: !1, hideSetting: !1, locations: [], hotline: "", productIdQuery: "", }; }, computed: { isMobile: function () { return !!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent ); }, }, created: function () { (this.productIdQuery = this.$route.params.productIdQuery), this.resizeHandler(), this.orientationHandler(), window.addEventListener("resize", this.resizeHandler), window.addEventListener( "orientationchange", this.orientationHandler ); }, methods: { resizeHandler: function () { (this.outerHeight = window.outerHeight), (this.outerWidth = window.outerWidth), (this.innerHeight = window.innerHeight), (this.innerWidth = window.innerWidth), (this.headerKey += 1), (this.sidebarKey += 1); }, orientationHandler: function () { (this.outerHeight = window.outerHeight), (this.outerWidth = window.outerWidth), (this.innerHeight = window.innerHeight), (this.innerWidth = window.innerWidth), (this.headerKey += 1), (this.sidebarKey += 1); }, hideShowSidebarMenu: function () { (this.menuSidebar = !this.menuSidebar), (this.settingsSidebar = !1); }, hideMenu: function () { this.menuSidebar = !1; }, hideShowSettings: function () { (this.settingsSidebar = !this.settingsSidebar), (this.menuSidebar = !1); }, }, }, Je = Ze, Ye = (i("1069"), Object(n["a"])(Je, Ae, Fe, !1, null, "0909c7ad", null)), Xe = Ye.exports, ti = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i( "div", { staticClass: "basePage", attrs: { id: "locationPage" } }, [ i("Header", { key: "headerKey" + t.headerKey, attrs: { isMobile: t.isMobile, outerHeight: t.outerHeight, outerWidth: t.outerWidth, innerHeight: t.innerHeight, innerWidth: t.innerWidth, menuSidebar: t.menuSidebar, settingsSidebar: t.settingsSidebar, hideSetting: t.hideSetting, }, on: { "sidebar-menu": t.hideShowSidebarMenu, "show-setting": t.hideShowSettings, }, }), i("MenuSidebar", { key: "sidebarKey" + t.sidebarKey, attrs: { menuSidebar: t.menuSidebar, innerHeight: t.innerHeight }, }), i( "div", [ i("h1", { staticClass: "pl-3 pt-3" }, [ t._v(t._s(t.$t("header.locate-product"))), ]), i("ProductCart", { attrs: { isMobile: t.isMobile, innerWidth: t.innerWidth, innerHeight: t.innerHeight, products: t.products, pickers: t.pickers, allProducts: t.allProducts, filteredAllProducts: t.filteredAllProducts, }, on: { "all-product": t.getAllProducts, "search-product": t.searchProduct, }, }), ], 1 ), ], 1 ); }, ei = [], ii = { name: "LocatePage", components: { ProductCart: Le, MenuSidebar: de, Header: ve }, data: function () { return { filteredAllProducts: [], sidebarKey: 0, headerKey: 0, menuSidebar: !1, settingsSidebar: !1, hideSetting: !1, products: [], allProducts: [], pickers: [], currentMarket: 1, hotline: "", }; }, computed: { isMobile: function () { return !!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent ); }, }, created: function () { var t = this; this.getAllProducts(), this.resizeHandler(), this.orientationHandler(), window.addEventListener("resize", this.resizeHandler), window.addEventListener( "orientationchange", this.orientationHandler ), G.a .get("https://ipwhois.pro/?key=NyRIz7VVkR0Y5kTN") .then(function (e) { t.getMarketWithName(e.data.country, e.data.region_code); }); }, methods: { searchProduct: function (t) { console.log(t); var e = this.allProducts.filter(function (e) { return ( e.product_name.toString().toLowerCase().includes(t) || e.product_code.toString().toLowerCase().includes(t) || e.product_collection.toString().toLowerCase().includes(t) ); }); (this.filteredAllProducts = e), console.log(e), console.log(this.filteredAllProducts); }, getMarketWithName: function (t, region_code) { var e = this; "United States of America" == t && (t = "United States"); t == "United States" && [ "OR", "WA", "CO", "UT", "AZ", "NV", "MT", "ID", "WY", "AK", "HI", ].includes(region_code) && (t = "Tuvalu"), G.a .get("/market_retrieve/?country=" + t) .then(function (t) { "success" == t.data.message ? ((e.currentMarket = t.data.data.id), e.getProducts()) : ((e.currentMarket = 1), e.getProducts()); }) .catch(function (t) { (this.currentMarket = 1), this.getProducts(); }); }, resizeHandler: function () { (this.outerHeight = window.outerHeight), (this.outerWidth = window.outerWidth), (this.innerHeight = window.innerHeight), (this.innerWidth = window.innerWidth), (this.headerKey += 1), (this.sidebarKey += 1); }, orientationHandler: function () { (this.outerHeight = window.outerHeight), (this.outerWidth = window.outerWidth), (this.innerHeight = window.innerHeight), (this.innerWidth = window.innerWidth), (this.headerKey += 1), (this.sidebarKey += 1); }, hideShowSidebarMenu: function () { (this.menuSidebar = !this.menuSidebar), (this.settingsSidebar = !1); }, hideMenu: function () { this.menuSidebar = !1; }, hideShowSettings: function () { (this.settingsSidebar = !this.settingsSidebar), (this.menuSidebar = !1); }, getProducts: function () { var t = this, e = JSON.parse(localStorage.getItem("vicostone-product")); if (void 0 != e) { var i = e.join("&product="); G.a .get( "/product_list_customer/?market=" + this.currentMarket + "&product=" + i ) .then(function (e) { (t.products = e.data.data), t.products.forEach(function (e) { t.$set(e, "selected", !1); }), t.applyProductToPicker(); }); } }, getAllProducts: function () { var t = this; G.a .get("/product_list_customer/?market=" + this.currentMarket) .then(function (e) { (t.allProducts = e.data.data), t.allProducts.forEach(function (e) { t.$set(e, "selected", !1); }); }); }, applyProductToPicker: function () { var t = this, e = JSON.parse(localStorage.getItem("vicostone-picker")); void 0 != e && e.length > 0 && e.forEach(function (e, i) { var o = t.products.find(function (t) { return t.product_id == e.product; }), a = { id: i, selected: !1, picker: e.picker, room: e.room, product_id: o?.product_id, product_name: o.product_name, product_code: o.product_code, product_collection: o.product_collection, default_product_image: o.default_product_image, }; t.pickers.push(a); }); }, }, }, oi = ii, ai = (i("0286"), Object(n["a"])(oi, ti, ei, !1, null, "5e058d0e", null)), si = ai.exports, ni = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i( "div", { staticClass: "basePage", attrs: { id: "locationPage" } }, [ i("Header", { key: "headerKey" + t.headerKey, attrs: { isMobile: t.isMobile, outerHeight: t.outerHeight, outerWidth: t.outerWidth, innerHeight: t.innerHeight, innerWidth: t.innerWidth, menuSidebar: t.menuSidebar, settingsSidebar: t.settingsSidebar, hideSetting: t.hideSetting, }, on: { "sidebar-menu": t.hideShowSidebarMenu, "show-setting": t.hideShowSettings, }, }), i("MenuSidebar", { key: "sidebarKey" + t.sidebarKey, attrs: { menuSidebar: t.menuSidebar, innerHeight: t.innerHeight }, }), i( "div", [ i("GalleryBookmark", { attrs: { isMobile: t.isMobile, bookmarks: t.bookmarks }, on: { "compare-component": t.compareBookmark, "delete-bookmark": t.deleteBookmark, }, }), ], 1 ), ], 1 ); }, ri = [], ci = { name: "BookmarkPage", components: { GalleryBookmark: Se, MenuSidebar: de, Header: ve }, data: function () { return { sidebarKey: 0, headerKey: 0, menuSidebar: !1, settingsSidebar: !1, hideSetting: !1, locations: [], bookmarks: [], }; }, computed: { isMobile: function () { return !!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent ); }, }, created: function () { this.getBookmark(), this.resizeHandler(), this.orientationHandler(), window.addEventListener("resize", this.resizeHandler), window.addEventListener( "orientationchange", this.orientationHandler ); }, methods: { resizeHandler: function () { (this.outerHeight = window.outerHeight), (this.outerWidth = window.outerWidth), (this.innerHeight = window.innerHeight), (this.innerWidth = window.innerWidth), (this.headerKey += 1), (this.sidebarKey += 1); }, orientationHandler: function () { (this.outerHeight = window.outerHeight), (this.outerWidth = window.outerWidth), (this.innerHeight = window.innerHeight), (this.innerWidth = window.innerWidth), (this.headerKey += 1), (this.sidebarKey += 1); }, compareBookmark: function (t, e, i) { this.$router.push({ name: "comparePage", params: { compareRoom1: i }, }); }, hideShowSidebarMenu: function () { (this.menuSidebar = !this.menuSidebar), (this.settingsSidebar = !1); }, hideMenu: function () { this.menuSidebar = !1; }, hideShowSettings: function () { (this.settingsSidebar = !this.settingsSidebar), (this.menuSidebar = !1); }, deleteBookmark: function (t) { var e = this; G.a .delete("/visualizers/" + t + "/") .then(function (t) { console.log(t), "success" == t.data.message ? (e.$swal({ title: e.$t("alert.success"), text: e.$t("alert.success-delete"), icon: "success", }), e.getBookmark()) : alert(t); }) .catch(function (t) { console.log(t); }); }, getBookmark: function () { var t = JSON.parse(localStorage.getItem("vicostone-bookmark")); console.log(t); var e = new FormData(); if (void 0 != t) { for (var i = 0; i < t.length; i++) e.append("ids", t[i]); var o = { headers: { "content-type": "multipart/form-data" } }, a = this; G.a .post("/visualizers_customer/", e, o) .then(function (t) { console.log(t), "success" == t.data.message ? (a.bookmarks = t.data.data) : (console.log(t), alert(t)); }) .catch(function (t) { console.log(t); }); } }, }, }, li = ci, ui = (i("5dc2"), Object(n["a"])(li, ni, ri, !1, null, "48a403e7", null)), di = ui.exports, mi = function () { var t = this, e = t.$createElement, i = t._self._c || e; return i( "div", { staticClass: "basePage", attrs: { id: "comparePage" } }, [ i("Header", { key: "headerKey" + t.headerKey, attrs: { isMobile: t.isMobile, outerHeight: t.outerHeight, outerWidth: t.outerWidth, innerHeight: t.innerHeight, innerWidth: t.innerWidth, menuSidebar: t.menuSidebar, settingsSidebar: t.settingsSidebar, hideSetting: t.hideSetting, }, on: { "sidebar-menu": t.hideShowSidebarMenu, "show-setting": t.hideShowSettings, }, }), i("MenuSidebar", { key: "sidebarKey" + t.sidebarKey, attrs: { menuSidebar: t.menuSidebar, innerHeight: t.innerHeight }, }), i("CompareComponent", { attrs: { compareRoom1: t.compareRoom1, compareRoom2: t.compareRoom2, isMobile: t.isMobile, }, }), ], 1 ); }, hi = [], pi = { name: "ComparePage", components: { CompareComponent: Nt, MenuSidebar: de, Header: ve }, data: function () { return { sidebarKey: 0, headerKey: 0, menuSidebar: !1, settingsSidebar: !1, hideSetting: !1, compareRoom1: null, compareRoom2: null, }; }, created: function () { void 0 != this.$route.params.compareRoom1 && (this.compareRoom1 = this.$route.params.compareRoom1), this.resizeHandler(), this.orientationHandler(), window.addEventListener("resize", this.resizeHandler), window.addEventListener( "orientationchange", this.orientationHandler ); }, computed: { isMobile: function () { return !!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test( navigator.userAgent ); }, }, methods: { resizeHandler: function () { (this.outerHeight = window.outerHeight), (this.outerWidth = window.outerWidth), (this.innerHeight = window.innerHeight), (this.innerWidth = window.innerWidth), (this.headerKey += 1), (this.sidebarKey += 1); }, orientationHandler: function () { (this.outerHeight = window.outerHeight), (this.outerWidth = window.outerWidth), (this.innerHeight = window.innerHeight), (this.innerWidth = window.innerWidth), (this.headerKey += 1), (this.sidebarKey += 1); }, hideShowSidebarMenu: function () { (this.menuSidebar = !this.menuSidebar), (this.settingsSidebar = !1); }, hideMenu: function () { this.menuSidebar = !1; }, hideShowSettings: function () { (this.settingsSidebar = !this.settingsSidebar), (this.menuSidebar = !1); }, }, }, gi = pi, fi = (i("1a6c"), Object(n["a"])(gi, mi, hi, !1, null, "0595da32", null)), bi = fi.exports; i("466d"); function vi() { var t = i("49f8"), e = {}; return ( t.keys().forEach(function (i) { var o = i.match(/([A-Za-z0-9-_]+)\./i); if (o && o.length > 1) { var a = o[1]; e[a] = t(i); } }), e ); } o["default"].use(u["a"]); var ki = new u["a"]({ locale: "en", fallbackLocale: "en", messages: vi() }); i("96cf"); (G.a.defaults.baseURL = "https://visualizer-api.vicostone.au/"), o["default"].use(f["a"]); var _i = [ { path: "/", redirect: "/".concat(ki.locale) }, { path: "/:lang", component: { render: function (t) { return t("router-view"); }, }, children: [ { path: "/", name: "landingPage", component: q }, { path: "market/:idMarket", name: "landingPage", component: q }, { path: "visualizer/room/:id/market/:market", name: "visualizerPageMarket", component: Oe, }, { path: "visualizer/room/:id/surface/:surface/market/:market", name: "visualizerPageSurfaceMarket", component: Oe, }, { path: "visualizer/room/:id", name: "visualizerPage", component: Oe, }, { path: "visualizer/room/:id/surface/:surface", name: "visualizerPageSurface", component: Oe, }, { path: "visualizer/room/:id/product/:product", name: "visualizerPage", component: Oe, }, { path: "visualizer/room/:id/product/:product/market/:market", name: "visualizerPageMarket", component: Oe, }, { path: "visualizer/room/:id/market/:market/guideline/:guideline", name: "visualizerPageGuideline", component: Oe, }, { path: "visualizer/:default", name: "visualizerPage", component: Oe, }, { path: "visualizer/:default/market/:market", name: "visualizerPageMarket", component: Oe, }, { path: "contact-us", name: "contactUsPage", component: Ne }, { path: "location", name: "locationPage", component: Xe }, { path: "location/product/:productIdQuery", name: "locationPage", component: Xe, }, { path: "locate", name: "locatePage", component: si }, { path: "bookmark", name: "bookmarkPage", component: di }, { path: "compare/:compareRoom1", name: "comparePage", component: bi, }, { path: "home", name: "home", component: z }, { path: "about", name: "about", component: function () { return i.e("about").then(i.bind(null, "f820")); }, }, ], }, ], Ci = new f["a"]({ routes: _i, linkActiveClass: "selected", mode: "history", }), yi = Ci, wi = i("5299"), Si = i.n(wi), xi = i("4eb5"), $i = i.n(xi), Pi = i("2699"), zi = i("a40a"), Mi = i("4e2b"), Hi = (i("6cc5"), i("8a46")), Li = i.n(Hi), Ri = i("8f0d"), Ii = i("755e"), Ti = i("0a63"), Oi = i.n(Ti), Wi = i("2d7e"), Ei = i("e37d"); o["default"].use(Ei["a"]), o["default"].use(Wi["a"]), o["default"].use(Oi.a), o["default"].component("pinch-zoom", Li.a), o["default"].use(Ri["a"]), o["default"].component("l-map", Pi["a"]), o["default"].component("l-tile-layer", zi["a"]), o["default"].component("l-marker", Mi["a"]), o["default"].use(pe["a"]), o["default"].use($i.a), o["default"].use(Si.a), o["default"].use(p["a"]), o["default"].use(u["a"]), o["default"].component("drag", d["Drag"]), o["default"].component("drop", d["Drop"]), o["default"].use(h.a), o["default"].use(g["a"]), (o["default"].config.productionTip = !1), o["default"].use(Ii, { load: { key: "AIzaSyA6aQOcCYM5yXimMPDdTCopJD9wT0324L8", libraries: "places", }, }), yi.beforeEach(function (t, e, i) { var o = t.params.lang; o || (o = "en"), (ki.locale = o), i(); }), new o["default"]({ router: yi, i18n: ki, render: function (t) { return t(l); }, }).$mount("#app"); }, 5974: function (t, e, i) { t.exports = i.p + "img/share-b.d3732c09.svg"; }, "5a67": function (t, e, i) { t.exports = i.p + "img/mobile-v.b8498794.png"; }, "5b33": function (t, e, i) {}, "5bdb": function (t, e, i) {}, "5cd1": function (t, e, i) { "use strict"; var o = i("ba05"), a = i.n(o); a.a; }, "5dc2": function (t, e, i) { "use strict"; var o = i("befa"), a = i.n(o); a.a; }, "5dfe": function (t, e, i) { t.exports = i.p + "img/logo_eco_surfaces.png"; }, "5fab": function (t, e, i) { t.exports = i.p + "img/copy-grey.d5ed5226.svg"; }, "614f": function (t, e, i) { t.exports = i.p + "img/setting.c16cd475.svg"; }, "626b": function (t, e, i) { "use strict"; var o = i("8ebc"), a = i.n(o); a.a; }, "63a1": function (t, e, i) { t.exports = i.p + "img/lp-pt.945551d6.svg"; }, "64d0": function (t, e, i) { t.exports = i.p + "img/zoom-in.48d7be03.svg"; }, 6701: function (t, e, i) { "use strict"; var o = i("266a"), a = i.n(o); a.a; }, 6858: function (t, e, i) { "use strict"; var o = i("3a27"), a = i.n(o); a.a; }, "69d9": function (t, e, i) { t.exports = i.p + "img/info.b5f7edbf.svg"; }, "6b0b": function (t, e, i) { t.exports = i.p + "img/in-room.fbf8ea2f.svg"; }, "6b9a": function (t, e, i) {}, "6d6e": function (t, e, i) { "use strict"; var o = i("09e0"), a = i.n(o); a.a; }, "713e": function (t, e, i) { t.exports = i.p + "img/menu-landing.e8390c65.svg"; }, 7285: function (t, e, i) { "use strict"; var o = i("11a1"), a = i.n(o); a.a; }, "75a9": function (t, e, i) {}, "75e0": function (t, e, i) {}, 7664: function (t, e, i) { t.exports = i.p + "img/mini-bookmark.5b6cc904.svg"; }, "76c4": function (t) { t.exports = JSON.parse( '{"our-visualizer":"NOTRE VISUALISEUR","visualizer":"Visualiseur","in-room":"Dans la Chambre","preview":"Aperçu","hotline":"Service Hotline","compare":"Comparer","compare-room":"Comparer la chambre","select-room":"Sélectionnez une chambre","nearest-location":"Emplacement le plus proche","share":"Partager","home":"Acceuil","load":"Charge","reset":"Réinitialiser","delete":"Supprimer","download":"Télécharger","choose-option":"Choisir Option","selected-product":"Produits Sélectionnés","picker-and-product":"Sélecteur et Produit","all-products":"Tous les Produits","locate-dealer":"Localiser le Concessionnaire","select-all":"Tout Sélectionner","unselect-all":"Tout Déselectionnerll","show-product-market":"Voir qui vends le produit.","save-bookmark":"Enregistrer le Signet","see-more":"voir plus","visualizer-desc":"Select the room and visualize your dream home by clicking on the surface and choosing the designs you want.","click-room":"Cliquez sur chambre.","empty-bookmark":"Vous n\'avez enregistré aucun signet.","bookmarked-room":"Chambre marquée d\'un signet","drop-room":"Déposez ici pour comparer.","find-dealer":"Trouver le Concessionnaire ","landing-desc":"Cette fonction vous aide à combiner plusieurs différents produits pour trouver le meilleur choix pour votre design intérieur . choisissez une chambre et visualisez votre maison de rêves en cliquant sur la surface et choisir le design que vous désirez ..","order-sample":"Commandez un échantillon!","header":{"menu":"Menu","room":"Chambre","gallery-bookmark":"Signet de la galerie","bookmark-room":"Salle des signets","nearest-dealer":"Concessionnaire le plus proche","locate-product":"Localiser le Produit","contact-us":"Nous contacter","contact":"Trouver","view-all":"Voir tout","share":"Partager","find":"Trouver"},"alert":{"warning":"Avertissement!","success":"Succès!","info":"Info","cancel-save":"Vous avez annulé pour économiser!!","success-delete":"Annulation est un Succes!","bookmark-name":"Insérez le nom du signet:","drag-drop":"Glisser déposer la chambre par le bas pour comparer.","block-location":"L\'emplacement par défaut est défini car vous choisissez de bloquer votre emplacement.","no-product":"Désolé, aucun produit n\'est disponible en fonction de votre filtrage.","found-product":"Produits trouvés disponibles en fonction du filtre.","zero-surface-warning":"Il doit y avoir au moins une surface sur un sélecteur sélectionné pour enregistrer le signet,","placeholder-bookmark-name":"Entrez votre nom de signet ici:","success-bookmark-save":"Succès pour enregistrer le signet.","success-copy-clipboard":"L\'URL a été copiée dans le presse-papiers.","fail-copy-clipboard":"Impossible de copier l\'URL.","no-dealer-found-radius":"Aucun Concessionaire dans ce Radius!","no-product-found":"Aucun Produit Trouver.","no-dealer-found":"Aucun Concessionaire Trouver.","no-chosen-product":"Aucun Produit Choisi.","no-dealer-product-found":"Aucun Détaillant dans ce Radius!"},"picker":{"customize-for":"Personnaliser pour","search-product":"Recherchez un produit....","selected-material":"Matériel sélectionné","filter":"Filtre","cancel":"Annuler","coating":"Enrobage","surface":"Enrobage","collection":"Collection","hue":"Teinte","choose-collection":"Choisissez la collection","apply-filter":"Appliquer le filtre","reset-filter":"Réinitialiser le Filtre","choose-surface":"Choisissez Surface"},"entity":{"room":"pièce","as":"as","product":"produit","picker":"cueilleur","location":"emplacement","bookmark":"signet"},"social":{"copy-url":"Copier URL","facebook":"Facebok","twitter":"Twitter"},"detail":{"technical-spec":"Specification Technique","slab-dimension":"Dimension de la Dalle","thickness-option":"Option de l’épaisseur","finish-type":"Type de Fini"},"landing":{"quartz-surfaces":"Surfaces de Quartz","inspiration-galleries":"Inspirationd de Galleries","where-to-buy":"Ou Acheter","support":"Support","proffessionals":"Professionel","more-about":"Un Peu Plus Sur Vicostone...","eco-surfaces":"ECO Surfaces","vicostone":"VICOSTONE®","collections":"Collections"},"guideline":{"guideline":"Ligne Directrice","cart":"Panier de Produits","cart-body":"Panier-produits Selectionnes Sauve-guarder.","zoom":"Zoom","zoom-body":"Cliquer ce Bouton Pour Zoomer.","start-guideline":"Commecer la Ligne Directrice","nav-bar":"Barre de Navigation","nav-bar-body":"Vous pouvez trouver le détaillant le plus près de votre location, notre contact et signet la chambre ici.","room-nav":"Navigation dans la Chambre","room-nav-body":"vous pouvez facilement changer et sélectionner votre chambre en les choisissant ou cliquer la flèche pour voir la chambre prochaine ou précédant.","room-settings":"Paramètres de la Pièce","room-settings-body":"chambre Paramètres de la pièce.","language":"Language","language-body":"La langue est déjà déterminer par défaut dépendant a votre région, mais vous pouvez toujours changer la langue en sélectionnant ici.","share-room":"Partager la Chambre","share-room-body":"Partager votre chambre personnaliser sur le visuel par courriel ou dans les media sociaux .","style-tools":"Outils de Style","style-tools-body":"Choisir l\'outil disponible pour chaque produit donc vous avez besoin.","picker":"Cueilleur","picker-body":"Choisir le sélecteur avec chaque produit disponible donc vous avez besoin .","select-picker":"Choisir Cueilleur","select-picker-body":"Choisir l\'outil disponible pour chaque produit donc vous avez besoin.","detail-info":"Info Détails","detail-info-body":"Vous pouvez trouver plus d\'informations sur les produits sélectionnes.","search-product":"Recherchez un Produit","search-product-body":"Vous pouvez facilement trouver votre produit préfère en mode recherche.","product-filter":"Filtrage du Produit","product-filter-body":"Vous pouvez facilement trouver votre produit préfère en utilisant le filtre en faisant le triage par collection , couleur et finition.","got-it":"Compris","skip-tour":"Passer le Tour"}}' ); }, 7810: function (t, e, i) { t.exports = i.p + "img/picker_container.a0c221cb.svg"; }, "784c": function (t, e, i) { "use strict"; var o = i("2d78"), a = i.n(o); a.a; }, 8165: function (t, e, i) { t.exports = i.p + "img/fb-grey.cf528b39.svg"; }, 8215: function (t, e, i) { t.exports = i.p + "img/download.fe190468.svg"; }, "827e": function (t, e, i) {}, "836b": function (t, e, i) { "use strict"; var o = i("d48f"), a = i.n(o); a.a; }, 8680: function (t) { t.exports = JSON.parse( '{"our-visualizer":"Our Visualizer","visualizer":"Visualizer","preview":"Preview","hotline":"Hotline","compare":"Compare","compare-room":"Compare Room","select-room":"Select Room","nearest-location":"Nearest Location","share":"Share","load":"Load","reset":"Reset","delete":"Delete","save-bookmark":"Save Bookmark","see-more":"see more","empty-bookmark":"You haven\'t save any bookmark.","bookmarked-room":"Bookmarked Room","drop-room":"Drop room here to compare.","find-dealer":"Find vicostone authorised dealer near you within ","landing-desc":"This function helps you to combine different products to find the best choice for your interior designs. Select a room and visualize your dream home by clicking on the surface and choosing the designs you want.","order-sample":"Order sample","header":{"menu":"Menu","room":"Room","gallery-bookmark":"Gallery Bookmark","bookmark-room":"Bookmark Room","nearest-dealer":"Nearest Dealer","contact-us":"Contact Us","contact":"Contact","view-all":"View All","share":"Share","find":"Find"},"alert":{"warning":"Warning!","success":"Success!","info":"Info","cancel-save":"You cancelled to save!","success-delete":"Success to Delete!","bookmark-name":"Insert bookmark name:","no-product":"Sorry, there\'s no product available. Try to change the filter or pick other surface.","found-product":"Found product available based on the filter.","zero-surface-warning":"There has to be at least one surface on a picker selected to save bookmark.","placeholder-bookmark-name":"Enter your bookmark name here:","success-bookmark-save":"Success to save bookmark ","success-copy-clipboard":"The URL has been copied to clipboard.","fail-copy-clipboard":"Failed to copy URL.","no-dealer-found":"No dealer found within this radius!"},"picker":{"customize-for":"Customize for","search-product":"Search Product...","selected-material":"Selected Material","filter":"Filter","cancel":"Cancel","coating":"Coating","surface":"Surface","collection":"Collection","hue":"Hue","choose-collection":"Choose Collection","apply-filter":"Apply Filter","reset-filter":"Reset Filter","choose-surface":"Choose Surface"},"entity":{"room":"room","as":"as","product":"product","picker":"picker","location":"location","bookmark":"bookmark"}}' ); }, "882e": function (t, e, i) { "use strict"; var o = i("e404"), a = i.n(o); a.a; }, "8ebc": function (t, e, i) {}, 9942: function (t, e, i) { "use strict"; var o = i("2be0"), a = i.n(o); a.a; }, "99ba": function (t, e, i) { "use strict"; var o = i("1bd2"), a = i.n(o); a.a; }, "9e97": function (t) { t.exports = JSON.parse( '{"our-visualizer":"Our Visualizer","visualizer":"Visualizer","preview":"Preview","hotline":"Hotline","compare":"Compare","compare-room":"Compare Room","select-room":"Select Room","nearest-location":"Nearest Location","share":"Share","load":"Load","reset":"Reset","delete":"Delete","show-product-market":"Only show dealer who sell chosen product.","save-bookmark":"Save Bookmark","see-more":"see more","visualizer-desc":"Select the room and visualize your dream home by clicking on the surface and choosing the designs you want.","click-room":"Click one of the room above to enter room visualizer.","empty-bookmark":"You haven\'t save any bookmark.","bookmarked-room":"Bookmarked Room","drop-room":"Click room below or drop room here to compare.","find-dealer":"Find vicostone authorised dealer near you within ","landing-desc":"This function helps you to combine different products to find the best choice for your interior designs. Select a room and visualize your dream home by clicking on the surface and choosing the designs you want.","order-sample":"Order sample","header":{"menu":"Menu","room":"Room","gallery-bookmark":"Gallery Bookmark","bookmark-room":"Bookmark Room","nearest-dealer":"Nearest Dealer","contact-us":"Contact Us","contact":"Contact","view-all":"View All","share":"Share","find":"Find"},"alert":{"warning":"Warning!","success":"Success!","info":"Info","cancel-save":"You cancelled to save!","success-delete":"Success to Delete!","bookmark-name":"Insert bookmark name:","drag-drop":"Drag and drop room from below to compare.","block-location":"Default location is set because you choose to block your location.","no-product":"Sorry, there\'s no product available. Try to change the filter or pick other surface.","found-product":"Found product available based on the filter.","zero-surface-warning":"There has to be at least one surface on a picker selected to save bookmark.","placeholder-bookmark-name":"Enter your bookmark name here:","success-bookmark-save":"Success to save bookmark ","success-copy-clipboard":"The URL has been copied to clipboard.","fail-copy-clipboard":"Failed to copy URL.","no-dealer-found":"No dealer found within this radius!","no-dealer-product-found":"No dealer found within this radius who sell chosen product!"},"picker":{"customize-for":"Customize for","search-product":"Search for Product...","selected-material":"Selected Material","filter":"Filter","cancel":"Cancel","coating":"Coating","surface":"Surface","collection":"Collection","hue":"Hue","choose-collection":"Choose Collection","apply-filter":"Apply Filter","reset-filter":"Reset Filter","choose-surface":"Choose Surface"},"entity":{"room":"room","as":"as","product":"product","picker":"picker","location":"location","item":"item","bookmark":"bookmark"},"detail":{"technical-spec":"Technical Specification","slab-dimension":"Slab Dimension","thickness-option":"Thickness Option","finish-type":"Finish Type"}}' ); }, a191: function (t, e, i) { t.exports = i.p + "img/lup.0127ea68.svg"; }, a5bb: function (t, e, i) { "use strict"; var o = i("75a9"), a = i.n(o); a.a; }, a6a6: function (t, e, i) { "use strict"; var o = i("aeee"), a = i.n(o); a.a; }, a930: function (t, e, i) {}, aaf5: function (t, e, i) { "use strict"; var o = i("d87e"), a = i.n(o); a.a; }, ab8d: function (t, e, i) { "use strict"; var o = i("a930"), a = i.n(o); a.a; }, aca8: function (t, e, i) { "use strict"; var o = i("f9bf"), a = i.n(o); a.a; }, ae5a: function (t, e, i) {}, aeee: function (t, e, i) {}, b420: function (t, e, i) { t.exports = i.p + "img/copy.b1350ec1.svg"; }, b63b: function (t, e, i) { t.exports = i.p + "img/compare.40205ab4.svg"; }, b8a9: function (t, e, i) {}, ba05: function (t, e, i) {}, bb7c: function (t, e, i) { t.exports = i.p + "img/close.e104ff95.svg"; }, bc48: function (t, e, i) { "use strict"; var o = i("feeb"), a = i.n(o); a.a; }, bee5: function (t, e, i) { "use strict"; var o = i("194d"), a = i.n(o); a.a; }, befa: function (t, e, i) {}, c0c3: function (t, e, i) { t.exports = i.p + "img/cart.e5a95bc8.svg"; }, c16e: function (t, e, i) { t.exports = i.p + "img/lp-tw.d9f7b09e.svg"; }, cc21: function (t, e, i) { t.exports = i.p + "img/share-orange.a084e1ca.svg"; }, ce21: function (t, e, i) { t.exports = i.p + "img/trash-bin.a365553a.svg"; }, cf05: function (t, e, i) { t.exports = i.p + "img/logo.82b9c7a5.png"; }, cf74: function (t, e, i) { "use strict"; var o = i("51b1"), a = i.n(o); a.a; }, d162: function (t, e, i) {}, d48f: function (t, e, i) {}, d87e: function (t, e, i) {}, d8cb: function (t, e, i) { "use strict"; var o = i("b8a9"), a = i.n(o); a.a; }, da0e: function (t, e, i) { t.exports = i.p + "img/lp-ig.4a24b019.svg"; }, dcc7: function (t, e, i) { t.exports = i.p + "img/filter-small.9c7bb497.svg"; }, dda2: function (t, e, i) { t.exports = i.p + "img/contact-us.eb0f167a.svg"; }, e29e: function (t, e, i) { t.exports = i.p + "img/zoom-out.8dccee13.svg"; }, e2a8: function (t, e, i) { t.exports = i.p + "img/up.6c057bdd.svg"; }, e404: function (t, e, i) {}, e5b5: function (t, e, i) { t.exports = i.p + "img/download-grey.fa1f30e1.svg"; }, e7e1: function (t, e, i) { t.exports = i.p + "img/move.99da6f81.svg"; }, ec03: function (t, e, i) {}, eda2: function (t, e, i) { "use strict"; var o = i("827e"), a = i.n(o); a.a; }, edd4: function (t) { t.exports = JSON.parse( '{"our-visualizer":"Our Visualizer","visualizer":"Visualizer","in-room":"In Room","preview":"Preview","hotline":"Hotline","compare":"Compare","compare-room":"Compare Room","select-room":"Select Room","nearest-location":"Nearest Location","share":"Share","home":"Home","load":"Load","reset":"Reset","delete":"Delete","download":"Download","choose-option":"Choose Option","selected-product":"Selected Product","picker-and-product":"Picker & Product","all-products":"All Products","locate-dealer":"Locate Dealer","select-all":"Select All","unselect-all":"Unselect All","show-product-market":"Only show dealer who sell chosen product.","save-bookmark":"Save Bookmark","see-more":"see more","visualizer-desc":"Select the room and visualize your dream home by clicking on the surface and choosing the designs you want.","click-room":"Click one of the room above to enter room visualizer.","empty-bookmark":"You haven\'t save any bookmark.","bookmarked-room":"Bookmarked Room","drop-room":"Click room below or drop room here to compare.","find-dealer":"Find vicostone authorised dealer near you within ","landing-desc":"This function helps you to combine different products to find the best choice for your interior designs. Select a room and visualize your dream home by clicking on the surface and choosing the designs you want.","order-sample":"Order sample","header":{"menu":"Menu","room":"Room","gallery-bookmark":"Gallery Bookmark","bookmark-room":"Bookmark Room","nearest-dealer":"Nearest Dealer","locate-product":"Locate Product","contact-us":"Contact Us","contact":"Contact","view-all":"View All","share":"Share","find":"Find"},"alert":{"warning":"Warning!","success":"Success!","info":"Info","cancel-save":"You cancelled to save!","success-delete":"Success to Delete!","bookmark-name":"Insert bookmark name:","drag-drop":"Drag and drop room from below to compare.","block-location":"Default location is set because you choose to block your location.","no-product":"Sorry, there\'s no product available. Try to change the filter or pick other surface.","found-product":"Found product available based on the filter.","zero-surface-warning":"There has to be at least one surface on a picker selected to save bookmark.","placeholder-bookmark-name":"Enter your bookmark name here:","success-bookmark-save":"Success to save bookmark ","success-copy-clipboard":"The URL has been copied to clipboard.","fail-copy-clipboard":"Failed to copy URL.","no-dealer-found-radius":"No dealer found within this radius!","no-product-found":"No product found.","no-dealer-found":"No dealer found.","no-chosen-product":"Choose one picker and product to see selected product here.","no-dealer-product-found":"No dealer found within this radius who sell chosen product!"},"picker":{"customize-for":"Customize for","search-product":"Search for Product...","selected-material":"Selected Material","filter":"Filter","cancel":"Cancel","coating":"Coating","surface":"Surface","collection":"Collection","hue":"Hue","choose-collection":"Choose Collection","apply-filter":"Apply Filter","reset-filter":"Reset Filter","choose-surface":"Choose Surface"},"entity":{"room":"room","as":"as","product":"product","picker":"picker","location":"location","item":"item","bookmark":"bookmark"},"social":{"copy-url":"Copy URL","facebook":"Facebok","twitter":"Twitter"},"detail":{"technical-spec":"Technical Specification","slab-dimension":"Slab Dimension","thickness-option":"Thickness Option","finish-type":"Finish Type"},"landing":{"quartz-surfaces":" Quartz Surfaces","inspiration-galleries":"Inspiration Galleries","where-to-buy":"Where To Buy","support":"Support","proffessionals":"Professionals","more-about":"More About Vicostone...","useful-links":"USEFUL LINKS","galleries":"Galleries","about-vicostone":"About Vicostone","by-collections":"By Collections","product-advantages":"Product Advantages","in-room-visualizer":"In-room Visualizer","kitchen":"Kitchen","bathroom":"Bathroom","commercials":"Commercials","contact-us":"Contact Us","warranty":"Warranty","our-commitments":"Our Commitments","press-room":"Press Room","carrers":"Carrers","footer-1":"The product images shown are for illustration purposes only. Color, shade and grain may vary from actual product.","footer-2":"Vicostone reserves the right to change product images at any time without notice","eco-surfaces":"ECO Surfaces","vicostone":"VICOSTONE®","collections":"Collections","product-care":"Product Care","document-download":"Document Download","faq":"FAQ","more":"More","about-us":"About us","news":"News","order-sample":"Order sample","showroom":"Showroom","find-a-display":"Find A display"},"guideline":{"guideline":"Guideline","cart":"Locate Chosen Product","cart-body":"All of your selected product will be saved here to locate dealer.","zoom":"Zoom In/Out","zoom-body":"Click this button to zoom out and zoom in.","start-guideline":"Start Guideline","nav-bar":"Navigation Bar","nav-bar-body":"You can find nearest dealer from your location, our contact and also your bookmark room here.","room-nav":"Room Navigation","room-nav-body":"You can easily change and select your room here by choosing them or click the arrow button for next or previous room.","room-settings":"Room Settings","room-settings-body":"You can switch room, bookmark room, and share room by clicking this icon.","language":"Language","language-body":"Language is already set default by your region but you can also change language by selecting here.","share-room":"Share Room","share-room-body":"Share your customize room on visualizer to everyone through social media.","style-tools":"Styling Tools","style-tools-body":"Customize each picker with every available product that you need.","picker":"Picker","picker-body":"Select picker to customize with every available product that you need.","select-picker":"Select Picker","select-picker-body":"Customize each picker with every available product that you need.","detail-info":"Detail Info","detail-info-body":"You can find out more info about selected product here.","search-product":"Search Product","search-product-body":"You can easily find your fav product by type on search area.","product-filter":"Product Filter","product-filter-body":"You can easily find your fav productby using filter it will sorting it by collection, color and coating.","got-it":"Ok, Got it!","skip-tour":"Skip tour"}}' ); }, ee69: function (t, e, i) { t.exports = i.p + "img/selected.0ab8466a.svg"; }, f403: function (t, e, i) { t.exports = i.p + "img/picker.d99dd537.svg"; }, f563: function (t) { t.exports = JSON.parse( '{"our-visualizer":"Visualizer","visualizer":"Visualizer","in-room":"In Room","preview":"Xem nhanh","hotline":"Hotline","compare":"So sánh","compare-room":"So sánh riêng từng không gian","select-room":"Lựa chọn không gian","nearest-location":"Địa điểm gần nhất","share":"Chia sẻ","home":"Trang chủ","load":"Tải ","reset":"Bắt đầu lại","delete":"Xóa","download":"Tải về máy","choose-option":"Chọn các phương án","selected-product":"Sản phẩm được chọn","picker-and-product":"Vị trí và sản phẩm cần thay đổi","all-products":"Tất cả các sản phẩm","locate-dealer":"Vị trí đại lý","select-all":"chọn tất cả","unselect-all":"bỏ chọn tất cả","show-product-market":"Chọn các đại lý có sản phẩm đã chọn","save-bookmark":"Lưu hình ảnh","see-more":"xem thêm","visualizer-desc":"Chọn một không gian và tạo nên các thiết kế theo sở thích bằng cách nhấp vào các bề mặt được đánh dấu và chọn các sản phẩm bạn muốn sử dụng.","click-room":"Click một trong những không gian bên trên để bắt đầu sử dụng.","empty-bookmark":"Bạn chưa lưu các thay đổi.","bookmarked-room":"Không gian được đánh dấu","drop-room":"Đặt các không gian vào đây để so sánh.","find-dealer":"Tìm đại lý của Vicostone gần vị trí của bạn ","landing-desc":"Công cụ 3D Visualizer giúp khách hàng thử phối hợp các sản phẩm với màu sắc khác nhau trong một không gian để tạo nên phong cách thiết kế phù hợp nhất cho căn phòng. Chọn một không gian và tạo nên các thiết kế theo sở thích bằng cách nhấp vào các bề mặt được đánh dấu và chọn các sản phẩm bạn muốn sử dụng.","order-sample":"Đặt hàng một mẫu","header":{"menu":"Menu","room":"Không gian","gallery-bookmark":"Bộ ảnh đã chọn","bookmark-room":"Đánh dấu Không gian","nearest-dealer":"Nhà phân phối gần nhất","locate-product":"Vị trí sản phẩm","contact-us":"Liên hệ với chúng tôi","contact":"Liên hệ","view-all":"Xem tất cả","share":"Chia sẻ","find":"Tìm kiếm"},"alert":{"warning":"Cảnh báo!","success":"Thành công!","info":"Thông tin","cancel-save":"Bạn đã bỏ lưu!","success-delete":"Hủy bỏ thành công!","bookmark-name":"Nhập tên:","drag-drop":"Kéo và thả không gian ở phía dưới để so sánh.","block-location":"Vị trí mặc định được cài đặt vì bạn đã chặn vị trí của mình.","no-product":"Xin lỗi, hiện không có sản phẩm phù hợp với các yêu cầu của bạn.","found-product":"Các sản phẩm phù hợp:.","zero-surface-warning":"Cần có tối thiểu 1 sản phẩm bề mặt được chọn để lưu đánh dấu.","placeholder-bookmark-name":"Đặt tên cho đánh dấu:","success-bookmark-save":"Đánh dấu thành công ","success-copy-clipboard":"Địa chỉ URL đã được lưu vào clipboard.","fail-copy-clipboard":"Không sao chép được địa chỉ URL.","no-dealer-found-radius":"Không tìm thấy đại lý trong bán kính này!","no-product-found":"Không tìm thấy sản phẩm.","no-dealer-found":"Không tìm thấy đại lý.","no-chosen-product":"Chọn một vị trí và sản phẩm muốn thay đổi để xem tại đây.","no-dealer-product-found":"Không đại lý nào trong bán kính này bán sản phẩm đã chọn!"},"picker":{"customize-for":"Tùy chỉnh đặc điểm","search-product":"Tìm sản phẩm...","selected-material":"Các vật liệu đã lựa chọn","filter":"Lọc","cancel":"Hủy","coating":"Bề mặt","surface":"Bề mặt","collection":"Bộ sưu tập","hue":"Sắc màu","choose-collection":"Chọn bộ sưu tập","apply-filter":"Áp dụng tiêu chí lọc","reset-filter":"Hủy bỏ tiêu chí lọc","choose-surface":"Chọn bề mặt"},"entity":{"room":"Phòng","as":"as","product":"sản phẩm","picker":"Click để chọn đối tượng","location":"địa điểm","item":"Hạng mục","bookmark":"Đánh dấu"},"social":{"copy-url":"sao chép đường dẫn URL","facebook":"Facebok","twitter":"Twitter"},"detail":{"technical-spec":"Thông số kỹ thuật","slab-dimension":"Khổ kích thước của tấm đá","thickness-option":"Độ dày tiêu chuẩn","finish-type":"Các loại bề mặt"},"landing":{"quartz-surfaces":"Sản phẩm","inspiration-galleries":"Bộ sưu tập","where-to-buy":"Tìm điểm bán","support":"Hỗ trợ","proffessionals":"Dành cho chuyên gia","more-about":"Về Vicostone...","eco-surfaces":"ECO Surfaces","vicostone":"VICOSTONE®","collections":"Collections"},"guideline":{"guideline":"Hướng dẫn","cart":"Xác định vị trí sản phẩm được chọn","cart-body":"Tất cả các sản phẩm đã chọn của bạn sẽ được lưu ở đây để tìm vị trí đại lý.","zoom":"Phóng to/ Thu nhỏ","zoom-body":"Nhấn vào nút này để thu nhỏ và phóng to.","start-guideline":"Bắt đầu xem hướng dẫn","nav-bar":"Thanh điều hướng","nav-bar-body":"Bạn có thể tìm đại lý gần nhất từ ​​vị trí của bạn, thông tin liên hệ và không gian đã được lưu tại đây.","room-nav":"Điều hướng không gian","room-nav-body":"Bạn có thể dễ dàng thay đổi và chọn không gian bạn muốn bằng cách ấn vào ảnh hoặc nhấp vào nút mũi tên để xem không gian tiếp theo hoặc trước đó.","room-settings":"Cài đặt","room-settings-body":"Bạn có thể chuyển, đánh dấu và chia sẻ không gian bằng cách nhấp vào biểu tượng này.","language":"Ngôn ngữ","language-body":"Ngôn ngữ đã được đặt mặc định theo vùng của bạn nhưng cũng có thể thay đổi ngôn ngữ bằng cách chọn tại đây.","share-room":"Chia sẻ","share-room-body":"Chia sẻ không gian của bạn lên các trang mạng xã hội.","style-tools":"Công cụ tạo kiểu","style-tools-body":"Tùy chỉnh vị trí cho các sản phẩm có sẵn mà bạn cần.","picker":"Vị trí thay đổi","picker-body":"Chọn vị trí để thay đổi với các sản phẩm có sẵn mà bạn cần.","select-picker":"Chọn vị trí","select-picker-body":"Tùy chỉnh vị trí cho các sản phẩm có sẵn mà bạn cần.","detail-info":"Thông tin chi tiết","detail-info-body":"Bạn có thể tìm hiểu thêm thông tin về sản phẩm được chọn ở đây.","search-product":"Tìm kiếm sản phẩm","search-product-body":"Bạn có thể dễ dàng tìm thấy sản phẩm mong muốn được phân loại theo nhóm ở phần tìm kiếm thông tin.","product-filter":"Tiêu chí lọc sản phẩm ","product-filter-body":"Bạn có thể dễ dàng tìm thấy sản phẩm mong muốn bằng bằng các tiêu chí lọc theo bộ sưu tập, màu sắc và lớp phủ.","got-it":"OK","skip-tour":"Bỏ qua"}}' ); }, f693: function (t) { t.exports = JSON.parse( '{"our-visualizer":"NOTRE VISUALISEUR","visualizer":"Visualiseur","in-room":"Dans la Chambre","preview":"Aperçu","hotline":"Service Hotline","compare":"Comparer","compare-room":"Comparer la chambre","select-room":"Sélectionnez une chambre","nearest-location":"Emplacement le plus proche","share":"Partager","home":"Acceuil","load":"Charge","reset":"Réinitialiser","delete":"Supprimer","download":"Télécharger","choose-option":"Choisir Option","selected-product":"Produits Sélectionnés","picker-and-product":"Sélecteur et Produit","all-products":"Tous les Produits","locate-dealer":"Localiser le Concessionnaire","select-all":"Tout Sélectionner","unselect-all":"Tout Déselectionnerll","show-product-market":"Voir qui vends le produit.","save-bookmark":"Enregistrer le Signet","see-more":"voir plus","visualizer-desc":"Select the room and visualize your dream home by clicking on the surface and choosing the designs you want.","click-room":"Cliquez sur chambre.","empty-bookmark":"Vous n\'avez enregistré aucun signet.","bookmarked-room":"Chambre marquée d\'un signet","drop-room":"Déposez ici pour comparer.","find-dealer":"Trouver le Concessionnaire ","landing-desc":"Cette fonction vous aide à combiner plusieurs différents produits pour trouver le meilleur choix pour votre design intérieur . choisissez une chambre et visualisez votre maison de rêves en cliquant sur la surface et choisir le design que vous désirez ..","order-sample":"Commandez un échantillon!","header":{"menu":"Menu","room":"Chambre","gallery-bookmark":"Signet de la galerie","bookmark-room":"Salle des signets","nearest-dealer":"Concessionnaire le plus proche","locate-product":"Localiser le Produit","contact-us":"Nous contacter","contact":"Trouver","view-all":"Voir tout","share":"Partager","find":"Trouver"},"alert":{"warning":"Avertissement!","success":"Succès!","info":"Info","cancel-save":"Vous avez annulé pour économiser!!","success-delete":"Annulation est un Succes!","bookmark-name":"Insérez le nom du signet:","drag-drop":"Glisser déposer la chambre par le bas pour comparer.","block-location":"L\'emplacement par défaut est défini car vous choisissez de bloquer votre emplacement.","no-product":"Désolé, aucun produit n\'est disponible en fonction de votre filtrage.","found-product":"Produits trouvés disponibles en fonction du filtre.","zero-surface-warning":"Il doit y avoir au moins une surface sur un sélecteur sélectionné pour enregistrer le signet,","placeholder-bookmark-name":"Entrez votre nom de signet ici:","success-bookmark-save":"Succès pour enregistrer le signet.","success-copy-clipboard":"L\'URL a été copiée dans le presse-papiers.","fail-copy-clipboard":"Impossible de copier l\'URL.","no-dealer-found-radius":"Aucun Concessionaire dans ce Radius!","no-product-found":"Aucun Produit Trouver.","no-dealer-found":"Aucun Concessionaire Trouver.","no-chosen-product":"Aucun Produit Choisi.","no-dealer-product-found":"Aucun Détaillant dans ce Radius!"},"picker":{"customize-for":"Personnaliser pour","search-product":"Recherchez un produit....","selected-material":"Matériel sélectionné","filter":"Filtre","cancel":"Annuler","coating":"Enrobage","surface":"Enrobage","collection":"Collection","hue":"Teinte","choose-collection":"Choisissez la collection","apply-filter":"Appliquer le filtre","reset-filter":"Réinitialiser le Filtre","choose-surface":"Choisissez Surface"},"entity":{"room":"pièce","as":"as","product":"produit","picker":"cueilleur","location":"emplacement","bookmark":"signet"},"social":{"copy-url":"Copier URL","facebook":"Facebok","twitter":"Twitter"},"detail":{"technical-spec":"Specification Technique","slab-dimension":"Dimension de la Dalle","thickness-option":"Option de l’épaisseur","finish-type":"Type de Fini"},"landing":{"quartz-surfaces":"Surfaces de Quartz","inspiration-galleries":"Inspirationd de Galleries","where-to-buy":"Ou Acheter","support":"Support","proffessionals":"Professionel","more-about":"Un Peu Plus Sur Vicostone...","eco-surfaces":"ECO Surfaces","vicostone":"VICOSTONE®","collections":"Collections"},"guideline":{"guideline":"Ligne Directrice","cart":"Panier de Produits","cart-body":"Panier-produits Selectionnes Sauve-guarder.","zoom":"Zoom","zoom-body":"Cliquer ce Bouton Pour Zoomer.","start-guideline":"Commecer la Ligne Directrice","nav-bar":"Barre de Navigation","nav-bar-body":"Vous pouvez trouver le détaillant le plus près de votre location, notre contact et signet la chambre ici.","room-nav":"Navigation dans la Chambre","room-nav-body":"vous pouvez facilement changer et sélectionner votre chambre en les choisissant ou cliquer la flèche pour voir la chambre prochaine ou précédant.","room-settings":"Paramètres de la Pièce","room-settings-body":"chambre Paramètres de la pièce.","language":"Language","language-body":"La langue est déjà déterminer par défaut dépendant a votre région, mais vous pouvez toujours changer la langue en sélectionnant ici.","share-room":"Partager la Chambre","share-room-body":"Partager votre chambre personnaliser sur le visuel par courriel ou dans les media sociaux .","style-tools":"Outils de Style","style-tools-body":"Choisir l\'outil disponible pour chaque produit donc vous avez besoin.","picker":"Cueilleur","picker-body":"Choisir le sélecteur avec chaque produit disponible donc vous avez besoin .","select-picker":"Choisir Cueilleur","select-picker-body":"Choisir l\'outil disponible pour chaque produit donc vous avez besoin.","detail-info":"Info Détails","detail-info-body":"Vous pouvez trouver plus d\'informations sur les produits sélectionnes.","search-product":"Recherchez un Produit","search-product-body":"Vous pouvez facilement trouver votre produit préfère en mode recherche.","product-filter":"Filtrage du Produit","product-filter-body":"Vous pouvez facilement trouver votre produit préfère en utilisant le filtre en faisant le triage par collection , couleur et finition.","got-it":"Compris","skip-tour":"Passer le Tour"}}' ); }, f9bf: function (t, e, i) {}, feeb: function (t, e, i) {}, da0eytb: function (t, e, i) { t.exports = i.p + "img/youtube-39cflin.svg"; }, da0ewha: function (t, e, i) { t.exports = i.p + "img/whatsapp-39cflin.svg"; }, da0ewhalight: function (t, e, i) { t.exports = i.p + "img/whatsapp-39cflin-light.svg"; }, da0elin: function (t, e, i) { t.exports = i.p + "img/linkedin-39cflin.svg"; }, da0elinlight: function (t, e, i) { t.exports = i.p + "img/linkedin-39cflin-light.svg"; }, }); if (window.innerWidth >= 1024) { setTimeout(function () { if (document.querySelector("#landingPage span.float-right") != null) { document.querySelector("#landingPage span.float-right").click(); } }, 2000); setTimeout(function () { if (document.querySelector("#landingPage span.float-right") != null) { document.querySelector("#landingPage span.float-right").click(); } }, 4000); } document .querySelectorAll(".accordion-item .accordion-toggle") .forEach((toggle) => { toggle.addEventListener("click", function (e) { // Ngăn hành vi mặc định của thẻ e.preventDefault(); // Ngăn nổi bọt e.stopPropagation(); // Thẻ li cha const currentItem = this.closest(".accordion-item"); const content = currentItem.querySelector(".accordion-content"); // Toggle class currentItem.classList.toggle("open"); currentItem.classList.toggle("highlight-item"); // Toggle height (thay cho slideToggle) if (content.style.maxHeight) { content.style.maxHeight = null; } else { content.style.maxHeight = content.scrollHeight + "px"; } }); }); //# sourceMappingURL=app.a0bdce1a.js.map