{"version":3,"sources":["../../../../node_modules/vue-runtime-helpers/dist/normalize-component.js","../../../../Content/Logo/Templates/UnifiedRecommends/src/tabs.vue","../../../../Content/Logo/Templates/UnifiedRecommends/src/tab-item.vue","../../../../Content/vue/shared/link-wrapper.vue","../../../../Content/Logo/Templates/UnifiedRecommends/src/price.vue","../../../../Content/Logo/Templates/UnifiedRecommends/src/add-to-cart.vue","../../../../Content/Logo/Templates/UnifiedRecommends/src/learn-more.vue","../../../../Content/Logo/Templates/UnifiedRecommends/src/product-info.vue","../../../../Content/Logo/Templates/UnifiedRecommends/src/quantity.vue","../../../../Content/Logo/Templates/UnifiedRecommends/src/carousel-item.vue","../../../../Content/Logo/Templates/UnifiedRecommends/src/recommends.vue","../../../../Content/vue/shared/slick.vue","../../../../Content/Logo/Templates/UnifiedRecommends/src/main.js"],"names":["normalizeComponent_1","template","style","script","scopeId","isFunctionalTemplate","moduleIdentifier","shadowMode","createInjector","createInjectorSSR","createInjectorShadow","hook","options","render","staticRenderFns","_compiled","functional","_scopeId","context","this","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","originalRender","h","existing","beforeCreate","concat","entryId","data","entry","document","getElementById","el","createElement","appendChild","Vue","components","recommends","props"],"mappings":"uHAqFA,IAAAA,EAnFA,SAA4BC,EAAUC,EAAOC,EAAQC,EAASC,EAAsBC,EAElFC,EAAYC,EAAgBC,EAAmBC,GACrB,kBAAfH,IACTE,EAAoBD,EACpBA,EAAiBD,EACjBA,GAAa,GAIf,IAiBII,EAjBAC,EAA4B,mBAAXT,EAAwBA,EAAOS,QAAUT,EAsD9D,GApDIF,GAAYA,EAASY,SACvBD,EAAQC,OAASZ,EAASY,OAC1BD,EAAQE,gBAAkBb,EAASa,gBACnCF,EAAQG,WAAY,EAEhBV,IACFO,EAAQI,YAAa,IAKrBZ,IACFQ,EAAQK,SAAWb,GAKjBE,GAEFK,EAAO,SAAcO,IAEnBA,EAAUA,GACVC,KAAKC,QAAUD,KAAKC,OAAOC,YAC3BF,KAAKG,QAAUH,KAAKG,OAAOF,QAAUD,KAAKG,OAAOF,OAAOC,aAGT,oBAAxBE,sBACrBL,EAAUK,qBAIRrB,GACFA,EAAMsB,KAAKL,KAAMV,EAAkBS,IAIjCA,GAAWA,EAAQO,uBACrBP,EAAQO,sBAAsBC,IAAIpB,IAMtCM,EAAQe,aAAehB,GACdT,IACTS,EAAOJ,EAAa,WAClBL,EAAMsB,KAAKL,KAAMT,EAAqBS,KAAKS,MAAMC,SAASC,cACxD,SAAUZ,GACZhB,EAAMsB,KAAKL,KAAMX,EAAeU,MAIhCP,EACF,GAAIC,EAAQI,WAAY,CAEtB,IAAIe,EAAiBnB,EAAQC,OAE7BD,EAAQC,OAAS,SAAkCmB,EAAGd,GAEpD,OADAP,EAAKa,KAAKN,GACHa,EAAeC,EAAGd,QAEtB,CAEL,IAAIe,EAAWrB,EAAQsB,aACvBtB,EAAQsB,aAAeD,EAAW,GAAGE,OAAOF,EAAUtB,GAAQ,CAACA,GAInE,OAAOR,0TCrET,kYCDA,+TCXA,utBCUA,iwBCDA,kbCCA,++CC+BA,8oBCzBA,6EAFA,gCAAA,0FAAA,+FADA,wnDCDA,irCC4BA,0KC9BA,giLCRe,SAAUiC,EAASC,GAEjC,IAAMC,EAAQC,SAASC,eAAeJ,GAEtC,GAAKE,GAAUD,EAAf,CAIA,IAAMI,EAAKF,SAASG,cAAc,OAElCJ,EAAMK,YAAYF,GAElB,IAAIG,EAAI,CACPH,GAAIA,EACJI,WAAY,CAAEC,WAAAA,GACdjC,OAAQ,SAAA6B,GAAa,OAAIA,EAAc,aAAc,CAAEK,MAAOV","file":"unifiedRecommends.min.js","sourcesContent":["'use strict';\n\nfunction normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier\n/* server only */\n, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {\n  if (typeof shadowMode !== 'boolean') {\n    createInjectorSSR = createInjector;\n    createInjector = shadowMode;\n    shadowMode = false;\n  } // Vue.extend constructor export interop.\n\n\n  var options = typeof script === 'function' ? script.options : script; // render functions\n\n  if (template && template.render) {\n    options.render = template.render;\n    options.staticRenderFns = template.staticRenderFns;\n    options._compiled = true; // functional template\n\n    if (isFunctionalTemplate) {\n      options.functional = true;\n    }\n  } // scopedId\n\n\n  if (scopeId) {\n    options._scopeId = scopeId;\n  }\n\n  var hook;\n\n  if (moduleIdentifier) {\n    // server build\n    hook = function hook(context) {\n      // 2.3 injection\n      context = context || // cached call\n      this.$vnode && this.$vnode.ssrContext || // stateful\n      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional\n      // 2.2 with runInNewContext: true\n\n      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n        context = __VUE_SSR_CONTEXT__;\n      } // inject component styles\n\n\n      if (style) {\n        style.call(this, createInjectorSSR(context));\n      } // register component module identifier for async chunk inference\n\n\n      if (context && context._registeredComponents) {\n        context._registeredComponents.add(moduleIdentifier);\n      }\n    }; // used by ssr in case component is cached and beforeCreate\n    // never gets called\n\n\n    options._ssrRegister = hook;\n  } else if (style) {\n    hook = shadowMode ? function () {\n      style.call(this, createInjectorShadow(this.$root.$options.shadowRoot));\n    } : function (context) {\n      style.call(this, createInjector(context));\n    };\n  }\n\n  if (hook) {\n    if (options.functional) {\n      // register for functional component in vue file\n      var originalRender = options.render;\n\n      options.render = function renderWithStyleInjection(h, context) {\n        hook.call(context);\n        return originalRender(h, context);\n      };\n    } else {\n      // inject component registration as beforeCreate hook\n      var existing = options.beforeCreate;\n      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];\n    }\n  }\n\n  return script;\n}\n\nmodule.exports = normalizeComponent;\n//# sourceMappingURL=normalize-component.js.map\n","<template>\r\n\t<div class=\"ccs-logo-tabs\" role=\"tablist\">\r\n\t\t<tab-item v-for=\"(tab, index) in items\"\r\n\t\t\t\t   :tab=\"tab\"\r\n\t\t\t\t   :is-active=\"index === current\"\r\n\t\t\t\t   :key=\"index\"\r\n\t\t\t\t   @click=\"tabClick(index)\" />\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport tabItem from \"./tab-item.vue\";\r\n\r\n\texport default {\r\n\t\tcomponents: { tabItem },\r\n\t\tprops: {\r\n\t\t\titems: Array\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tcurrent: 0\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\ttabClick(index) {\r\n\t\t\t\tif (this.current !== index) {\r\n\t\t\t\t\tthis.current = index;\r\n\t\t\t\t\tthis.$emit('changed', this.items[this.current]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\t.ccs-logo-tabs {\r\n\t\tdisplay: flex;\r\n\t\tflex-grow: 1;\r\n\t\tmax-width: 100%;\r\n\t\talign-self: flex-end;\r\n\t}\r\n</style>\r\n","<template id=\"tab-item\">\r\n\t<div class=\"ccs-logo-tab-item\"\r\n\t\t role=\"tab\"\r\n\t\t :class=\"{ 'ccs-logo-tab-item_active': isActive }\"\r\n\t\t :tabindex=\"isActive ? -1 : 0\"\r\n\t\t :aria-selected=\"isActive.toString()\"\r\n\t\t @click=\"$emit('click', tab)\">\r\n\t\t<span>{{ tab.title }}</span>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\ttemplate: \"#tab-item\",\r\n\t\tprops: {\r\n\t\t\ttab: Object,\r\n\t\t\tisActive: Boolean\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style>\r\n\t.ccs-logo-tab-item {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\ttext-align: center;\r\n\t\tflex-basis: 10em;\r\n\t\tmargin: 0 .3em;\r\n\t\tpadding: .5em .6em;\r\n\t\tfont-weight: bold;\r\n\t\tline-height: 1.1em;\r\n\t\tcolor: white;\r\n\t\tbackground: #a6a6a6;\r\n\t\tborder: 1px solid #8f8f8f;\r\n\t\tborder-bottom: none;\r\n\t\tcursor: pointer;\r\n\t\tuser-select: none;\r\n\t\tletter-spacing: 0.5px;\r\n\t\t-webkit-font-smoothing: antialiased;\r\n\t\t-moz-osx-font-smoothing: grayscale;\r\n\t\ttext-rendering: optimizeLegibility;\r\n\t}\r\n\r\n\t\t.ccs-logo-tab-item_active {\r\n\t\t\tbackground: #484848;\r\n\t\t\tcursor: default;\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t.ccs-small .ccs-logo-tab-item {\r\n\t\tmin-width: 0;\r\n\t\tmargin: 0 .2em;\r\n\t}\r\n\r\n\t\t.ccs-small .ccs-logo-tab-item span {\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t}\r\n\r\n\t.ccs-small [data-tab-count=\"3\"] .ccs-logo-navbar-icon {\r\n\t\tdisplay: none;\r\n\t}\r\n</style>\r\n","<script>\r\n\texport default {\r\n\t\tprops: {\r\n\t\t\thref: String,\r\n\t\t\ttarget: String,\r\n\t\t\thideLink: Boolean\r\n\t\t},\r\n\t\trender: function (createElement) {\r\n\t\t\tif (!this.href || this.hideLink) {\r\n\t\t\t\t// get only the first element\r\n\t\t\t\t// need to wrap it up in case of multi-root\r\n\t\t\t\treturn this.$slots.default[0];\r\n\t\t\t}\r\n\r\n\t\t\treturn createElement(\r\n\t\t\t\t'a', {\r\n\t\t\t\t\tattrs: {\r\n\t\t\t\t\t\thref: this.href,\r\n\t\t\t\t\t\ttarget: this.target\r\n\t\t\t\t\t},\r\n\t\t\t\t\ton: this.$listeners\r\n\t\t\t\t},\r\n\t\t\t\tthis.$slots.default);\r\n\t\t}\r\n\t}\r\n</script>","<template>\r\n\t<div v-if=\"visible\" class=\"ccs-logo-price\" :class=\"status\">\r\n\t\t<span v-if=\"!absent && !loading\" class=\"ccs-logo-price-value\">\r\n\t\t\t{{ value }}\r\n\t\t</span>\r\n\t\t<span v-if=\"absent\" class=\"ccs-logo-price-fallback\" v-html=\"options.priceFallback\"></span>\r\n\t\t<span v-if=\"loading\" class=\"ccs-logo-price-spinner\"></span>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tprops: {\r\n\t\t\tprice: Object\r\n\t\t},\r\n\r\n\t\tinject: [\"options\"],\r\n\r\n\t\tcomputed: {\r\n\t\t\tvalue() {\r\n\t\t\t\treturn this.price.value;\r\n\t\t\t},\r\n\t\t\tloading() {\r\n\t\t\t\treturn this.price.loading;\r\n\t\t\t},\r\n\t\t\tfailed() {\r\n\t\t\t\treturn this.price.failed;\r\n\t\t\t},\r\n\t\t\tabsent() {\r\n\t\t\t\treturn this.options.parsingPriceJs\r\n\t\t\t\t\t? this.failed\r\n\t\t\t\t\t: !this.value\r\n\t\t\t},\r\n\t\t\tvisible() {\r\n\t\t\t\treturn !this.absent || this.options.priceFallback;\r\n\t\t\t},\r\n\t\t\tstatus() {\r\n\t\t\t\treturn {\r\n\t\t\t\t\t\"ccs-logo-price_loading\": this.loading,\r\n\t\t\t\t\t\"ccs-logo-price_absent\": this.absent,\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\t.ccs-logo-price-spinner {\r\n\t\tcontent: \"\";\r\n\t\tdisplay: block;\r\n\t\twidth: 1em;\r\n\t\theight: 1em;\r\n\t\tbackground-size: 1.4em;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-position: center;\r\n\t\tbackground-image: url(\"img/spinner.svg\");\r\n\t}\r\n\r\n\t.ccs-logo-price {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tfont-size: 1.7em;\r\n\t\tmargin: .3em .6em .3em 0;\r\n\t\ttext-align: right;\r\n\t}\r\n\r\n\t.ccs-logo-price > * {\r\n\t\tline-height: 1;\r\n\t}\r\n</style>","<template>\r\n\t<div v-if=\"atc\"\r\n\t\t v-html=\"atc\"\r\n\t\t class=\"ccs-logo-product-atc\"\r\n\t\t :class=\"{ 'ccs-logo-product-atc_default': !isCustom }\"\r\n\t\t @click=\"$emit('click')\">\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tprops: {\r\n\t\t\tatc: String\r\n\t\t},\r\n\r\n\t\tinject: [\"options\"],\r\n\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tisCustom: this.options.isCustomAtc\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style>\r\n\t.ccs-logo-recommends .ccs-logo-product-atc_default a {\r\n\t\tdisplay: inline-block;\r\n\t\tpadding: .65em 1.05em;\r\n\t\tbackground: #999;\r\n\t\tcolor: #FFF;\r\n\t\tfont-size: 1.15em;\r\n\t\tfont-weight: bold;\r\n\t\ttext-decoration: none;\r\n\t\tline-height: 1;\r\n\t}\r\n\r\n\t/* get rid after cross-sell settings refactoring */\r\n\t.ccs-logo-recommends [data-logo-addtocart] {\r\n\t\tdisplay: block;\r\n\t}\r\n</style>","<template>\r\n\t<a v-if=\"href\"\r\n\t   class=\"ccs-logo-learn-more\"\r\n\t   :href=\"href\"\r\n\t   :target=\"options.target\"\r\n\t   @click=\"$emit('click')\">\r\n\t\t{{ options.learnMoreText }}\r\n\t</a>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tprops: {\r\n\t\t\thref: String\r\n\t\t},\r\n\r\n\t\tinject: [\"options\"],\r\n\t}\r\n</script>","<template>\r\n\t<div class=\"ccs-logo-product-info\">\r\n\r\n\t\t<div class=\"ccs-logo-product-info-image\">\r\n\t\t\t<div class=\"ccs-logo-product-info-image-wrapper\">\r\n\t\t\t\t<link-wrapper :href=\"product.url\" :target=\"options.target\" :hide-link=\"!showLink\" @click=\"linkClick\">\r\n\t\t\t\t\t<img :src=\"product.image\" :alt=\"product.title\"/>\r\n\t\t\t\t</link-wrapper>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"ccs-logo-product-info-main\">\r\n\t\t\t<div class=\"ccs-logo-product-info-details\" :class=\"{ 'ccs-learn-more-shown': showLearnMoreDescription }\">\r\n\t\t\t\t<div class=\"ccs-logo-product-info-title\">\r\n\t\t\t\t\t<link-wrapper :href=\"product.url\" :target=\"options.target\" :hide-link=\"!showLink\" @click=\"linkClick\">\r\n\t\t\t\t\t\t<h4 v-html=\"product.title\"></h4>\r\n\t\t\t\t\t</link-wrapper>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div class=\"ccs-logo-product-info-description\" v-html=\"product.description\"></div>\r\n\r\n\t\t\t\t<learn-more v-if=\"showLearnMoreDescription\" :href=\"product.url\" @click=\"linkClick\" />\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"ccs-logo-product-info-buy\">\r\n\t\t\t\t<price :price=\"product.price\" />\r\n\t\t\t\t<quantity v-if=\"showAtc && showQty\" :productId=\"product.productId\" @changed=\"updateQty\"/>\r\n\t\t\t\t<add-to-cart v-if=\"showAtc\" :atc=\"product.atc\" @click=\"atcClick\" />\r\n\t\t\t\t<learn-more v-if=\"showLearnMoreAtc\" :href=\"product.url\" @click=\"linkClick\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport linkWrapper from \"link-wrapper.vue\";\r\n\timport price from \"./price.vue\"\r\n\timport addToCart from \"./add-to-cart.vue\"\r\n\timport learnMore from \"./learn-more.vue\"\r\n\timport quantity from \"./quantity.vue\"\r\n\r\n\texport default {\r\n\t\tcomponents: { linkWrapper, price, addToCart, learnMore, quantity },\r\n\r\n\t\tprops: {\r\n\t\t\tproduct: {\r\n\t\t\t\ttype: Object,\r\n\t\t\t\trequired: true\r\n\t\t\t},\r\n\t\t\tlogEvent: Function\r\n\t\t},\r\n\r\n\t\tinject: [\"options\"],\r\n\r\n\t\tcomputed: {\r\n\t\t\tshowLink() {\r\n\t\t\t\treturn !this.options.hideLinkIfNoPrice || this.product.price.value;\r\n\t\t\t},\r\n\r\n\t\t\tshowAtc() {\r\n\t\t\t\treturn this.product.atc && (!this.options.hideAtcIfNoPrice || this.product.price.value);\r\n\t\t\t},\r\n\r\n\t\t\tshowQty() {\r\n\t\t\t\treturn this.product.showQuantity;\r\n\t\t\t},\r\n\r\n\t\t\tshowLearnMoreAtc() {\r\n\t\t\t\treturn this.options.learnMoreMode === \"atc\"\r\n\t\t\t\t\t&& this.showLink\r\n\t\t\t\t\t&& !this.showAtc\r\n\t\t\t\t\t&& !this.product.price.loading;\r\n\t\t\t},\r\n\r\n\t\t\tshowLearnMoreDescription() {\r\n\t\t\t\treturn this.options.learnMoreMode === \"desc\" && this.showLink;\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tmethods: {\r\n\t\t\tlinkClick() {\r\n\t\t\t\tthis.logEvent(this.product, \"conversion\", \"product\", this.getProductInfo());\r\n\t\t\t},\r\n\r\n\t\t\tatcClick() {\r\n\t\t\t\tthis.logEvent(this.product, \"conversion\", \"addtocart\", this.getProductInfo());\r\n\t\t\t},\r\n\r\n\t\t\tgetProductInfo() {\r\n\t\t\t\tvar product = {\r\n\t\t\t\t\tprice: this.product.price.value,\r\n\t\t\t\t\tdynamicPrice: !!this.options.parsingPriceJs\r\n\t\t\t\t}\r\n\t\t\t\tif (this.showQty && this.showAtc) {\r\n\t\t\t\t\tproduct.quantity = this.product.quantity;\r\n\t\t\t\t}\r\n\t\t\t\treturn product;\r\n\t\t\t},\r\n\r\n\t\t\tupdateQty(qty) {\r\n\t\t\t\tthis.product.quantity = qty;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\t.ccs-logo-product-info {\r\n\t\tdisplay: flex;\r\n\t\tmargin: 1.5em 0;\r\n\t\tpadding: 0 .5em;\r\n\t\theight: 17.85em;\r\n\t}\r\n\r\n\t.ccs-logo-product-info-image {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tmax-width: 33%;\r\n\t}\r\n\r\n\t\t.ccs-logo-product-info-image img {\r\n\t\t\t-webkit-user-drag: none;\r\n\t\t\tmax-width: 100%;\r\n\t\t\tmax-height: 15.7em;\r\n\t\t\tvertical-align: middle;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\r\n\t.ccs-logo-product-info-image-wrapper {\r\n\t\twidth: 17.85em;\r\n\t\tmargin: auto;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.ccs-logo-product-info-main {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: space-between;\r\n\t\tflex-grow: 1;\r\n\t\tflex-shrink: 100;\r\n\t\twidth: 100%; /* ie */\r\n\t\tpadding: 0 0 0 1em;\r\n\t}\r\n\r\n\t.ccs-logo-product-info-details {\r\n\t\tflex-grow: 1;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t\t.ccs-logo-product-info-details .ccs-logo-learn-more {\r\n\t\t\talign-self: flex-start;\r\n\t\t\tfont-size: .95em;\r\n\t\t\tline-height: 1em;\r\n\t\t\tmargin-top: 0.5em;\r\n\t\t}\r\n\r\n\t.ccs-logo-product-info-title {\r\n\t\talign-self: flex-start;\r\n\t\twidth: 100%; /* ie */\r\n\t\tcolor: black;\r\n\t}\r\n\r\n\t\t.ccs-logo-product-info-title a {\r\n\t\t\ttext-decoration: none;\r\n\t\t\tcolor: currentColor;\r\n\t\t}\r\n\r\n\t\t.ccs-logo-product-info-title h4 {\r\n\t\t\tmargin: 0.7em 0;\r\n\t\t\tfont-size: 1.3em;\r\n\t\t\tline-height: 1.3em;\r\n\t\t\tmax-height: 3.9em;\r\n\t\t\toverflow: hidden;\r\n\t\t\ttransition: color .3s;\r\n\t\t}\r\n\r\n\t.ccs-logo-product-info-description {\r\n\t\tline-height: 1.4em;\r\n\t\tmax-height: 8.4em; /* 6 lines */\r\n\t\toverflow-y: auto;\r\n\t}\r\n\r\n\t.ccs-logo-product-info-buy {\r\n\t\tdisplay: flex;\r\n\t\tflex-shrink: 0;\r\n\t\tflex-wrap: wrap;\r\n\t\tjustify-content: flex-end;\r\n\t\talign-items: center;\r\n\t\tmargin-top: 1em;\r\n\t}\r\n\r\n\t\t.ccs-logo-product-info-buy .ccs-logo-learn-more {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tpadding: .65em 1.05em;\r\n\t\t\tbackground: #999;\r\n\t\t\tcolor: #fff;\r\n\t\t\tfont-size: 1.15em;\r\n\t\t\tfont-weight: bold;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tline-height: 1;\r\n\t\t}\r\n\r\n\t\t\t.ccs-logo-product-info-buy .ccs-logo-learn-more:hover,\r\n\t\t\t.ccs-logo-product-info-buy .ccs-logo-learn-more:focus {\r\n\t\t\t\tbackground: #888;\r\n\t\t\t}\r\n\r\n\t/* SMALL */\r\n\r\n\t.ccs-small .ccs-logo-product-info {\r\n\t\tflex-direction: column;\r\n\t\theight: auto;\r\n\t}\r\n\r\n\t.ccs-small .ccs-logo-product-info-image {\r\n\t\tmax-width: 100%;\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t\t.ccs-small .ccs-logo-product-info-image img {\r\n\t\t\twidth: auto;\r\n\t\t}\r\n\r\n\t.ccs-small .ccs-logo-product-info-main {\r\n\t\tjustify-content: flex-start;\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t/*\r\n\t\tHOVER\r\n\t*/\r\n\t.ccs-logo-ls-popup .ccs-logo-product-info {\r\n\t\tpadding: 0 1em;\r\n\t}\r\n</style>\r\n","<template>\r\n\t<div>\r\n\t\t<input class=\"ccs-logo-quantity\"\r\n\t\t\t\t:aria-label=\"options.quantityText\"\r\n\t\t\t\tv-model.number=\"quantity\"\r\n\t\t\t\ttype=\"number\"\r\n\t\t\t\tpattern=\"[0-9]\"\r\n\t\t\t\tonkeypress=\"return event.charCode >= 48 && event.charCode <= 57\"\r\n\t\t\t\t@focus=\"onFocus\"\r\n\t\t\t\t@blur=\"onBlur\"/>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\tconst qtyGlobalVariablePrefix = \"cclpQuantity\";\r\n\tconst initialQty = 1;\r\n\r\n\texport default {\r\n\t\tprops: {\r\n\t\t\tproductId: String\r\n\t\t},\r\n\r\n\t\tinject: [\"options\"],\r\n\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tquantity: initialQty\r\n\t\t\t};\r\n\t\t},\r\n\r\n\t\tmethods: {\r\n\t\t\tonFocus() {\r\n\t\t\t\tif (this.quantity == initialQty) this.quantity = '';\r\n\t\t\t},\r\n\r\n\t\t\tonBlur() {\r\n\t\t\t\tif (this.quantity == '') this.quantity = initialQty\r\n\t\t\t\tthis.updateQuantity();\r\n\t\t\t},\r\n\r\n\t\t\tupdateQuantity() {\r\n\t\t\t\tthis.$emit(\"changed\", this.quantity);\r\n\t\t\t\twindow[qtyGlobalVariablePrefix + this.productId] = this.quantity;\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tmounted: function () {\r\n\t\t\tthis.updateQuantity();\r\n\t\t}\r\n\t}\r\n\r\n</script>\r\n\r\n<style scoped>\r\n\t.ccs-logo-quantity {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tfont-size: 1.4em;\r\n\t\tmargin: .3em .6em .3em 0;\r\n\t\ttext-align: right;\r\n\t\twidth: 2.03em;\r\n\t}\r\n\r\n\tinput::-webkit-outer-spin-button,\r\n\tinput::-webkit-inner-spin-button {\r\n\t\t-webkit-appearance: none;\r\n\t\tmargin: 0;\r\n\t}\r\n\tinput[type=number] {\r\n\t\t-moz-appearance: textfield;\r\n\t\twidth: 2.03em;\r\n\t}\r\n\t\r\n\t@media screen and (min-width: 320px) and (max-width: 480px) {\r\n\t\tinput[type=number] {\r\n\t\t\twidth:1.9em;\r\n\t\t\tpadding:0;\r\n\t\t}\r\n\t}\r\n\r\n</style>","<template>\r\n\t<div>\r\n\t\t<div class=\"ccs-logo-carousel-item\"\r\n\t\t\t :class=\"{'ccs-logo-carousel-item_active': isActive }\"\r\n\t\t\t :title=\"product.title\"\r\n\t\t\t @click=\"$emit('click', product)\">\r\n\t\t\t<img class=\"ccs-logo-carousel-image\" :src=\"product.image\" :alt=\"product.title\" />\r\n\t\t\t<span class=\"ccs-logo-carousel-title\" v-html=\"product.title\"></span>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tprops: {\r\n\t\t\tproduct: Object,\r\n\t\t\tisActive: Boolean\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\t.ccs-logo-carousel-item {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\theight: 100%;\r\n\t\tmargin: 0 1px;\r\n\t\tpadding: 3px 4px;\r\n\t\tborder: 1px solid transparent;\r\n\t\tcursor: pointer;\r\n\t\tline-height: 1.5;\r\n\t\ttext-align: center;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t.ccs-logo-carousel-item_active {\r\n\t\tcursor: default;\r\n\t\tborder-color: #ccc;\r\n\t}\r\n\r\n\t.ccs-logo-carousel-image {\r\n\t\t-webkit-user-drag: none;\r\n\t\tmargin-bottom: .25em;\r\n\t\tmax-height: 4.55em;\r\n\t\tmax-width: 115px;\r\n\t}\r\n\r\n\t.ccs-logo-carousel-title {\r\n\t\tfont-size: .9em;\r\n\t\tline-height: 1.2em;\r\n\t\theight: 2.35em;\r\n\t\toverflow: hidden;\r\n\t\tfont-weight: bold;\r\n\t\tmax-width: 100%; /* ie */\r\n\t}\r\n\r\n\t.ccs-small .ccs-logo-carousel-image {\r\n\t\tmax-height: 3.55em;\r\n\t\tmax-width: 100%;\r\n\t}\r\n</style>\r\n","<template>\r\n\t<div class=\"ccs-logo ccs-logo-recommends\"\r\n\t\t :class=\"{ 'ccs-small': narrowContainer }\"\r\n\t\t :data-key=\"options.key\">\r\n\r\n\t\t<div class=\"ccs-logo-navbar\" :data-tab-count=\"tabs && tabs.length\">\r\n\t\t\t<tabs v-if=\"activeTab\" :items=\"tabs\" @changed=\"changeTab\" />\r\n\t\t\t<div v-if=\"options.headerText\" class=\"ccs-logo-navbar-text\">{{ options.headerText }}</div>\r\n\t\t\t<div class=\"ccs-logo-navbar-icon\"></div>\r\n\t\t</div>\r\n\r\n\t\t<transition name=\"ccs-fade\">\r\n\t\t\t<product-info :product=\"activeProduct\"\r\n\t\t\t\t\t\t  :key=\"activeProduct.index\"\r\n\t\t\t\t\t\t  :log-event=\"logProductEvent\">\r\n\t\t\t</product-info>\r\n\t\t</transition>\r\n\r\n\t\t<div ref=\"carousel\" class=\"ccs-logo-carousel\">\r\n\t\t\t<slick ref=\"slick\" :options=\"slickOptions\" :slide-count=\"slideCount\">\r\n\t\t\t\t<carousel-item v-for=\"product in filteredProducts\"\r\n\t\t\t\t\t\t\t   :key=\"product.index\"\r\n\t\t\t\t\t\t\t   :product=\"product\"\r\n\t\t\t\t\t\t\t   :is-active=\"product == activeProduct\"\r\n\t\t\t\t\t\t\t   @click=\"changeProduct\" />\r\n\t\t\t</slick>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"ccs-logo-footer\" v-if=\"options.footerText\">{{ options.footerText }}</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\r\n\timport tabs from \"./tabs.vue\";\r\n\timport productInfo from \"./product-info.vue\";\r\n\timport carouselItem from \"./carousel-item.vue\";\r\n\r\n\timport slick from \"slick.vue\";\r\n\timport ResizeSensor from \"ResizeSensor\";\r\n\r\n\texport default {\r\n\t\tcomponents: { tabs, productInfo, slick, carouselItem },\r\n\r\n\t\tprops: {\r\n\t\t\ttabs: Array,\r\n\t\t\tproducts: Array,\r\n\t\t\toptions: Object\r\n\t\t},\r\n\r\n\t\tdata() {\r\n\t\t\tconst vue = this;\r\n\r\n\t\t\treturn {\r\n\t\t\t\tallProducts: this.mapProducts(),\r\n\t\t\t\tactiveTab: this.tabs && this.tabs[0],\r\n\t\t\t\tactiveProduct: undefined,\r\n\t\t\t\tnarrowContainer: undefined,\r\n\t\t\t\tslideCount: undefined,\r\n\t\t\t\tslickOptions: {\r\n\t\t\t\t\tinfinite: false,\r\n\t\t\t\t\tdraggable: false,\r\n\t\t\t\t\t// can't figure out how to pass slick wrapper to slick options before mount\r\n\t\t\t\t\t// someday this hack should be rewritten\r\n\t\t\t\t\tget appendArrows() {\r\n\t\t\t\t\t\treturn vue.$refs.carousel;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t},\r\n\r\n\t\tcomputed: {\r\n\t\t\tfilteredProducts: function () {\r\n\t\t\t\tif (!this.activeTab) {\r\n\t\t\t\t\treturn this.allProducts;\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn this.allProducts.filter(x => x.category === this.activeTab.id);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tbeforeMount() {\r\n\t\t\tthis.activeProduct = this.filteredProducts[0];\r\n\t\t},\r\n\r\n\t\tmounted() {\r\n\t\t\t// trigger initial resize() when $el become visible (a hack to avoid setTimeout)\r\n\t\t\tvar animationStart = \"animationstart\";\r\n\t\t\tif (\"webkitAnimationName\" in document.documentElement.style) {\r\n\t\t\t\tanimationStart = 'webkitAnimationStart';\r\n\t\t\t} else if (\"MozAnimationName\" in document.documentElement.style) {\r\n\t\t\t\tanimationStart = \"mozanimationstart\";\r\n\t\t\t}\r\n\r\n\t\t\tthis.$el.addEventListener(animationStart, this.resize);\r\n\r\n\t\t\tnew ResizeSensor(this.$el, this.resize);\r\n\t\t},\r\n\r\n\t\tmethods: {\r\n\t\t\tmapProducts() {\r\n\t\t\t\tlet priceExt = {};\r\n\r\n\t\t\t\tif (this.options.parsingPriceJs) {\r\n\t\t\t\t\tpriceExt = {\r\n\t\t\t\t\t\tvalue: null,\r\n\t\t\t\t\t\tloading: false,\r\n\t\t\t\t\t\trequested: false,\r\n\t\t\t\t\t\tfailed: false\r\n\t\t\t\t\t};\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn this.products.map((data, index) => {\r\n\t\t\t\t\tconst product = { index, ...data };\r\n\t\t\t\t\tproduct.price = { ...priceExt, ...product.price };\r\n\r\n\t\t\t\t\tif (this.tabs) {\r\n\t\t\t\t\t\tproduct.eventData.sourceTab =\r\n\t\t\t\t\t\t\tthis.tabs\r\n\t\t\t\t\t\t\t\t// replace with \"find\" after getting rid of IE\r\n\t\t\t\t\t\t\t\t.filter(tab => tab.id === product.category)[0]\r\n\t\t\t\t\t\t\t\t.systemName;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\treturn product;\r\n\t\t\t\t});\r\n\t\t\t},\r\n\r\n\t\t\tchangeTab(tab) {\r\n\t\t\t\tif (this.activeTab === tab) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.activeTab = tab;\r\n\t\t\t\tthis.activeProduct = this.filteredProducts[0];\r\n\t\t\t\tthis.resize();\r\n\t\t\t\tthis.logEvent(\"navigate-content\", { type: \"tab\", id: tab.id, name: tab.systemName });\r\n\t\t\t},\r\n\r\n\t\t\tchangeProduct(product) {\r\n\t\t\t\tif (product === this.activeProduct) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tthis.activeProduct = product;\r\n\t\t\t\tthis.logProductEvent(product, \"navigate-content\", \"product\");\r\n\t\t\t},\r\n\r\n\t\t\tresize() {\r\n\t\t\t\tconst width = this.$el.offsetWidth;\r\n\r\n\t\t\t\tthis.slideCount = this.options.maxSlideItems && this.filteredProducts.length >= this.options.maxSlideItems\r\n\t\t\t\t\t? this.options.maxSlideItems\r\n\t\t\t\t\t: Math.max(Math.floor(width / 160), 2);\r\n\r\n\t\t\t\tthis.narrowContainer = width < 500;\r\n\t\t\t},\r\n\r\n\t\t\tlogEvent(action, context) {\r\n\t\t\t\tif (context && typeof context === \"object\") {\r\n\t\t\t\t\tcontext = JSON.stringify(context);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst clientParams = {\r\n\t\t\t\t\tAction: action,\r\n\t\t\t\t\tActionContext: context\r\n\t\t\t\t};\r\n\r\n\t\t\t\tccs_cc_log.dispatchEvent(this.options.eventCall, clientParams);\r\n\t\t\t},\r\n\r\n\t\t\tlogProductEvent(product, action, actionContextType, clientParams) {\r\n\t\t\t\tconst context = Object.assign({}, product.eventData, { type: actionContextType }, clientParams);\r\n\t\t\t\tthis.logEvent(action, context);\r\n\t\t\t},\r\n\t\t},\r\n\r\n\t\twatch: {\r\n\t\t\tfilteredProducts() {\r\n\t\t\t\tthis.$refs.slick.reInit();\r\n\t\t\t},\r\n\r\n\t\t\tactiveProduct(product) {\r\n\t\t\t\tconst parsingPriceJs = this.options.parsingPriceJs;\r\n\t\t\t\tconst logoProgram = window.CcsLogoProgram;\r\n\t\t\t\tconst price = product.price;\r\n\r\n\t\t\t\tif (!logoProgram || !parsingPriceJs || price.requested || price.loading) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!price.url) {\r\n\t\t\t\t\tprice.failed = price.requested = true;\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tprice.loading = true;\r\n\r\n\t\t\t\tlogoProgram.requestPrice(\r\n\t\t\t\t\tdata => {\r\n\t\t\t\t\t\tprice.loading = false;\r\n\t\t\t\t\t\tprice.requested = true;\r\n\r\n\t\t\t\t\t\tif (data && data.result) {\r\n\t\t\t\t\t\t\tprice.value = data.result.toString().trim();\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tprice.failed = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},\r\n\t\t\t\t\tprice.url,\r\n\t\t\t\t\tparsingPriceJs,\r\n\t\t\t\t\tthis.options.eventCall);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tprovide: function () {\r\n\t\t\treturn {\r\n\t\t\t\toptions: this.options\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\t.ccs-logo-recommends {\r\n\t\tanimation: 0.1s ccs-visibility-check;\r\n\t\ttransform: translate3d(0,0,0);\r\n\t}\r\n\r\n\t.ccs-logo-navbar {\r\n\t\tposition: relative;\r\n\t\tdisplay: flex;\r\n\t}\r\n\r\n\t\t.ccs-logo-navbar[data-tab-count] {\r\n\t\t\tborder-bottom: 1px solid #555;\r\n\t\t\tpadding: 0 5px;\r\n\t\t}\r\n\r\n\t.ccs-logo-footer {\r\n\t\tmargin: 10px;\r\n\t\tfont-size: 10px;\r\n\t\tcolor: #000000;\r\n\t}\r\n\r\n\t/* TRANSITION */\r\n\t\t.ccs-fade-enter-active, .ccs-fade-leave-active {\r\n\t\ttransition: opacity .3s ease;\r\n\t}\r\n\r\n\t.ccs-fade-enter,\r\n\t.ccs-fade-leave-to {\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t.ccs-fade-leave-active,\r\n\t.ccs-fade-leave-to {\r\n\t\tposition: absolute;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t/* LOGO HOVER */\r\n\r\n\t.ccs-logo-ls-popup .ccs-logo-recommends,\r\n\tbody > [id^=logoTemplateEntry] > .ccs-logo-recommends {\r\n\t\tfont-size: 14px;\r\n\t}\r\n\r\n\t.ccs-logo-ls-popup .ccs-logo-carousel {\r\n\t\tmargin: 0 4px;\r\n\t}\r\n\r\n\t@keyframes ccs-visibility-check {\r\n\t\t0% {\r\n\t\t\tvisibility: inherit;\r\n\t\t}\r\n\t}\r\n</style>\r\n\r\n<style lang=\"sass\">\r\n\t@import \"styles/slick\";\r\n\t@import \"styles/vendor\";\r\n</style>\r\n","<template>\r\n\t<div>\r\n\t\t<slot></slot>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport $ from \"jquery\";\r\n\timport Vue from \"vue\";\r\n\timport \"slick\";\r\n\r\n\texport default {\r\n\t\tprops: {\r\n\t\t\toptions: {\r\n\t\t\t\ttype: Object,\r\n\t\t\t\tdefault: function () {\r\n\t\t\t\t\treturn {};\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\tslideCount: Number\r\n\t\t},\r\n\r\n\t\tcomputed: {\r\n\t\t\t$slick: function () {\r\n\t\t\t\treturn $(this.$el);\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tmounted: function () {\r\n\t\t\tthis.create();\r\n\t\t},\r\n\r\n\t\tdestroyed: function () {\r\n\t\t\tthis.$slick.ccsSlick('unslick');\r\n\t\t},\r\n\r\n\t\twatch: {\r\n\t\t\tslideCount: function () {\r\n\t\t\t\tthis.updateSlideCount();\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tmethods: {\r\n\t\t\tcreate: function () {\r\n\t\t\t\tconst $slick = this.$slick;\r\n\r\n\t\t\t\t$slick.on('afterChange', this.onAfterChange);\r\n\t\t\t\t$slick.on('beforeChange', this.onBeforeChange);\r\n\t\t\t\t$slick.on('breakpoint', this.onBreakpoint);\r\n\t\t\t\t$slick.on('destroy', this.onDestroy);\r\n\t\t\t\t$slick.on('edge', this.onEdge);\r\n\t\t\t\t$slick.on('init', this.onInit);\r\n\t\t\t\t$slick.on('reInit', this.onReInit);\r\n\t\t\t\t$slick.on('setPosition', this.onSetPosition);\r\n\t\t\t\t$slick.on('swipe', this.onSwipe);\r\n\t\t\t\t$slick.on('lazyLoaded', this.onLazyLoaded);\r\n\t\t\t\t$slick.on('lazyLoadError', this.onLazyLoadError);\r\n\r\n\t\t\t\t$slick.on('setPosition', this.postponeRefreshIfInvisible);\r\n\r\n\t\t\t\t$slick.ccsSlick(this.options);\r\n\r\n\t\t\t\tthis.updateSlideCount();\r\n\t\t\t},\r\n\r\n\t\t\tdestroy: function () {\r\n\t\t\t\tconst $slick = this.$slick;\r\n\r\n\t\t\t\t$slick.off('afterChange', this.onAfterChange);\r\n\t\t\t\t$slick.off('beforeChange', this.onBeforeChange);\r\n\t\t\t\t$slick.off('breakpoint', this.onBreakpoint);\r\n\t\t\t\t$slick.off('destroy', this.onDestroy);\r\n\t\t\t\t$slick.off('edge', this.onEdge);\r\n\t\t\t\t$slick.off('init', this.onInit);\r\n\t\t\t\t$slick.off('reInit', this.onReInit);\r\n\t\t\t\t$slick.off('setPosition', this.onSetPosition);\r\n\t\t\t\t$slick.off('swipe', this.onSwipe);\r\n\t\t\t\t$slick.off('lazyLoaded', this.onLazyLoaded);\r\n\t\t\t\t$slick.off('lazyLoadError', this.onLazyLoadError);\r\n\r\n\t\t\t\t$slick.ccsSlick('unslick');\r\n\t\t\t},\r\n\r\n\t\t\tpostponeRefreshIfInvisible: function () {\r\n\t\t\t\tconst $slick = this.$slick;\r\n\r\n\t\t\t\tconst updateWhenVisible = () => {\r\n\t\t\t\t\tclearTimeout(this.refreshTimeout);\r\n\r\n\t\t\t\t\tif ($slick.is(\":visible\")) {\r\n\t\t\t\t\t\tthis.$nextTick(this.setPosition);\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\tthis.refreshTimeout = setTimeout(updateWhenVisible, 250);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tif (!$slick.is(\":visible\")) {\r\n\t\t\t\t\tupdateWhenVisible();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tupdateSlideCount: function () {\r\n\t\t\t\tif (!this.slideCount) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst currIndex = this.currentSlide();\r\n\r\n\t\t\t\tVue.nextTick(() => {\r\n\t\t\t\t\tthis.setOption(\"slidesToShow\", this.slideCount);\r\n\t\t\t\t\tthis.setOption(\"slidesToScroll\", this.slideCount, true);\r\n\r\n\t\t\t\t\tthis.goTo(currIndex, true);\r\n\t\t\t\t});\r\n\t\t\t},\r\n\r\n\t\t\treInit: function () {\r\n\t\t\t\tconst currIndex = this.currentSlide();\r\n\t\t\t\tthis.destroy();\r\n\r\n\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\tthis.create()\r\n\t\t\t\t\tthis.goTo(currIndex, true)\r\n\t\t\t\t})\r\n\t\t\t},\r\n\r\n\t\t\tnext: function () {\r\n\t\t\t\tthis.$slick.ccsSlick('slickNext');\r\n\t\t\t},\r\n\r\n\t\t\tprev: function () {\r\n\t\t\t\tthis.$slick.ccsSlick('slickPrev');\r\n\t\t\t},\r\n\r\n\t\t\tpause: function () {\r\n\t\t\t\tthis.$slick.ccsSlick('slickPause');\r\n\t\t\t},\r\n\r\n\t\t\tplay: function () {\r\n\t\t\t\tthis.$slick.ccsSlick('slickPlay');\r\n\t\t\t},\r\n\r\n\t\t\tgoTo: function (index, dontAnimate) {\r\n\t\t\t\tthis.$slick.ccsSlick('slickGoTo', index, dontAnimate);\r\n\t\t\t},\r\n\r\n\t\t\tcurrentSlide: function () {\r\n\t\t\t\treturn this.$slick.ccsSlick('slickCurrentSlide');\r\n\t\t\t},\r\n\r\n\t\t\tadd: function (element, index, addBefore) {\r\n\t\t\t\tthis.$slick.ccsSlick('slickAdd', element, index, addBefore);\r\n\t\t\t},\r\n\r\n\t\t\tremove: function (index, removeBefore) {\r\n\t\t\t\tthis.$slick.ccsSlick('slickRemove', index, removeBefore);\r\n\t\t\t},\r\n\r\n\t\t\tfilter: function (filterData) {\r\n\t\t\t\tthis.$slick.ccsSlick('slickFilter', filterData);\r\n\t\t\t},\r\n\r\n\t\t\tunfilter: function () {\r\n\t\t\t\tthis.$slick.ccsSlick('slickUnfilter');\r\n\t\t\t},\r\n\r\n\t\t\tgetOption: function (option) {\r\n\t\t\t\tthis.$slick.ccsSlick('slickGetOption', option);\r\n\t\t\t},\r\n\r\n\t\t\tsetOption: function (option, value, refresh) {\r\n\t\t\t\tthis.$slick.ccsSlick('slickSetOption', option, value, refresh);\r\n\t\t\t},\r\n\r\n\t\t\tsetPosition: function () {\r\n\t\t\t\tthis.$slick.ccsSlick('setPosition');\r\n\t\t\t},\r\n\r\n\t\t\t// Events\r\n\t\t\tonAfterChange: function (event, slick, currentSlide) {\r\n\t\t\t\tthis.$emit('afterChange', event, slick, currentSlide);\r\n\t\t\t},\r\n\r\n\t\t\tonBeforeChange: function (event, slick, currentSlide, nextSlide) {\r\n\t\t\t\tthis.$emit('beforeChange', event, slick, currentSlide, nextSlide);\r\n\t\t\t},\r\n\r\n\t\t\tonBreakpoint: function (event, slick, breakpoint) {\r\n\t\t\t\tthis.$emit('breakpoint', event, slick, breakpoint);\r\n\t\t\t},\r\n\r\n\t\t\tonDestroy: function (event, slick) {\r\n\t\t\t\tthis.$emit('destroy', event, slick);\r\n\t\t\t},\r\n\r\n\t\t\tonEdge: function (event, slick, direction) {\r\n\t\t\t\tthis.$emit('edge', event, slick, direction);\r\n\t\t\t},\r\n\r\n\t\t\tonInit: function (event, slick) {\r\n\t\t\t\tthis.$emit('init', event, slick);\r\n\t\t\t},\r\n\r\n\t\t\tonReInit: function (event, slick) {\r\n\t\t\t\tthis.$emit('reInit', event, slick);\r\n\t\t\t},\r\n\r\n\t\t\tonSetPosition: function (event, slick) {\r\n\t\t\t\tthis.$emit('setPosition', event, slick);\r\n\t\t\t},\r\n\r\n\t\t\tonSwipe: function (event, slick, direction) {\r\n\t\t\t\tthis.$emit('swipe', event, slick, direction);\r\n\t\t\t},\r\n\r\n\t\t\tonLazyLoaded: function (event, slick, image, imageSource) {\r\n\t\t\t\tthis.$emit('lazyLoaded', event, slick, image, imageSource);\r\n\t\t\t},\r\n\r\n\t\t\tonLazyLoadError: function (event, slick, image, imageSource) {\r\n\t\t\t\tthis.$emit('lazyLoadError', event, slick, image, imageSource);\r\n\t\t\t},\r\n\t\t}\r\n\t};\r\n</script>\r\n","import Vue from \"vue\";\r\nimport recommends from \"./recommends.vue\";\r\n\r\nexport default function (entryId, data) {\r\n\r\n\tconst entry = document.getElementById(entryId);\r\n\r\n\tif (!entry || !data) {\r\n\t\treturn;\r\n\t}\r\n\r\n\tconst el = document.createElement(\"div\");\r\n\r\n\tentry.appendChild(el);\r\n\r\n\tnew Vue({\r\n\t\tel: el,\r\n\t\tcomponents: { recommends },\r\n\t\trender: createElement => createElement(\"recommends\", { props: data })\r\n\t});\r\n};\r\n"],"sourceRoot":"../../../.."}