1(self["webpackChunkvhcliaa"] = self["webpackChunkvhcliaa"] || []).push([[554],{ 2 3/***/ 1535: 4/***/ ((__unused_webpack_module, exports) => { 5 6"use strict"; 7var __webpack_unused_export__; 8 9 10__webpack_unused_export__ = ({ 11 value: true 12}); 13// runtime helper for setting properties on components 14// in a tree-shakable way 15exports.A = (sfc, props) => { 16 const target = sfc.__vccOpts || sfc; 17 for (const [key, val] of props) { 18 target[key] = val; 19 } 20 return target; 21}; 22 23/***/ }), 24 25/***/ 2810: 26/***/ ((module, __unused_webpack_exports, __webpack_require__) => { 27 28// style-loader: Adds some css to the DOM by adding a <style> tag 29 30// load the styles 31var content = __webpack_require__(6805); 32if(content.__esModule) content = content.default; 33if(typeof content === 'string') content = [[module.id, content, '']]; 34if(content.locals) module.exports = content.locals; 35// add the styles to the DOM 36var add = (__webpack_require__(8449)/* ["default"] */ .A) 37var update = add("e5727d02", content, false, {}); 38// Hot Module Replacement 39if(false) {} 40 41/***/ }), 42 43/***/ 5842: 44/***/ ((module, __webpack_exports__, __webpack_require__) => { 45 46"use strict"; 47__webpack_require__.r(__webpack_exports__); 48/* harmony export */ __webpack_require__.d(__webpack_exports__, { 49/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) 50/* harmony export */ }); 51/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9248); 52/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); 53/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9089); 54/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); 55// Imports 56 57 58var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); 59// Module 60___CSS_LOADER_EXPORT___.push([module.id, `.vehicle-keyfeatures__list[data-v-7cc4f73f]{display:grid;gap:20px}.vehicle-keyfeatures__list .keyfeature__item[data-v-7cc4f73f]{display:flex}.vehicle-keyfeatures__list .keyfeature__details[data-v-7cc4f73f]{display:flex;flex-direction:column}.vehicle-keyfeatures__list .keyfeature__value[data-v-7cc4f73f]{font-weight:700;font-size:16px;display:-webkit-inline-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis}.vehicle-keyfeatures__list .keyfeature__label[data-v-7cc4f73f]{text-transform:uppercase;line-height:1.2}.vehicle-keyfeatures__list .keyfeature-icon[data-v-7cc4f73f]{flex-basis:auto;margin-right:7px;display:grid;grid-template-areas:"icon";grid-template-columns:1fr;grid-template-rows:1fr}.vehicle-keyfeatures__list .keyfeature-icon__image[data-v-7cc4f73f]{grid-area:icon}.vehicle-keyfeatures__list .keyfeature-icon[data-v-7cc4f73f]::after{content:"";display:block;background-color:#707070;grid-area:icon;mask-repeat:no-repeat;mask-position:top center;mask-size:contain;mask-image:var(--img-url)}.vehicle-keyfeatures__list .keyfeature-icon__image[data-v-7cc4f73f]{width:2rem;height:auto}`, ""]); 61// Exports 62/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); 63 64 65/***/ }), 66 67/***/ 6282: 68/***/ ((module, __webpack_exports__, __webpack_require__) => { 69 70"use strict"; 71__webpack_require__.r(__webpack_exports__); 72/* harmony export */ __webpack_require__.d(__webpack_exports__, { 73/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) 74/* harmony export */ }); 75/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9248); 76/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); 77/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9089); 78/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); 79// Imports 80 81 82var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); 83// Module
84___CSS_LOADER_EXPORT___.push([module.id, `.vehicle-info__list[data-v-8a130884]{display:grid;gap:20px}.vehicle-info__list .info__item[data-v-8a130884]{display:flex}.vehicle-info__list .info__details[data-v-8a130884]{display:flex;flex-direction:column}.vehicle-info__list .info__value[data-v-8a130884]{font-weight:700;font-size:16px;display:-webkit-inline-box;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;text-overflow:ellipsis}.vehicle-info__list .info__label[data-v-8a130884]{text-transform:uppercase;line-height:1.2}.vehicle-info__list .info__value[data-v-8a130884]{text-transform:capitalize}.vehicle-info__list .info-icon[data-v-8a130884]{display:grid;grid-template-areas:"icon";grid-template-columns:1fr;grid-template-rows:1fr;flex-basis:auto;margin-right:7px}.vehicle-info__list .info-icon__image[data-v-8a130884]{grid-area:icon}.vehicle-info__list .info-icon[data-v-8a130884]::after{content:"";display:block;background-color:#707070;grid-area:icon;mask-repeat:no-repeat;mask-position:top center;mask-size:contain;mask-image:var(--img-url)}.vehicle-info__list .info-icon__image[data-v-8a130884]{width:2rem;height:auto}`, ""]); 85// Exports 86/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); 87 88 89/***/ }), 90 91/***/ 6469: 92/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { 93 94"use strict";
95// ESM COMPAT FLAG 96__webpack_require__.r(__webpack_exports__); 97 98// EXPORTS 99__webpack_require__.d(__webpack_exports__, { 100 "default": () => (/* binding */ vehicleCompareComponent) 101}); 102 103// EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm-browser.prod.js 104var vue_runtime_esm_browser_prod = __webpack_require__(3568); 105;// ./src/components/vehicleCompare/CompareVehicle.ts 106class CompareVehicle { 107 constructor() { 108 this.Price = ""; 109 this.Year = ""; 110 this.Make = ""; 111 this.Model = ""; 112 this.Trim = ""; 113 this.Photo = ""; 114 this.SpecsHtml = ""; 115 this.Comments = ""; 116 this.VehicleHighlights = []; 117 this.isLoading = false; 118 this.VdpUrl = ""; 119 this.HighlightsCount = 0; 120 this.Condition = ""; 121 this.StockNum = ""; 122 this.ExtColor = ""; 123 this.FuelType = ""; 124 this.InventoryDate = ""; 125 this.BodyStyle = ""; 126 } 127} 128class RvCompareInfoModel { 129} 130class KeyFeature { 131} 132 133// EXTERNAL MODULE: ./node_modules/resize-observer-polyfill/dist/ResizeObserver.es.js 134var ResizeObserver_es = __webpack_require__(4208); 135// EXTERNAL MODULE: ./src/types/types.ts 136var types = __webpack_require__(5644); 137;// ./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/shareDropdown.vue?vue&type=script&setup=true&lang=ts 138var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) { 139 function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } 140 return new (P || (P = Promise))(function (resolve, reject) { 141 function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } 142 function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } 143 function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } 144 step((generator = generator.apply(thisArg, _arguments || [])).next()); 145 }); 146}; 147 148 149const _hoisted_1 = ["aria-label", "aria-expanded"]; 150const _hoisted_2 = ["aria-label"]; 151const _hoisted_3 = { class: "share-label" }; 152const _hoisted_4 = { 153 id: "shareDropdownItems", 154 class: "share-dropdown-items", 155 tabindex: "-1" 156}; 157const _hoisted_5 = ["alt"]; 158const _hoisted_6 = { 159 key: 0, 160 class: "share-dropdown__label" 161}; 162const _hoisted_7 = { 163 key: 1, 164 class: "share-dropdown__label" 165}; 166const _hoisted_8 = ["data-vdp-url"]; 167const _hoisted_9 = { class: "share-dropdown__label" }; 168 169 170 171/* harmony default export */ const shareDropdownvue_type_script_setup_true_lang_ts = (/*@__PURE__*/(0,vue_runtime_esm_browser_prod/* defineComponent */.pM)({ 172 __name: 'shareDropdown', 173 props: { 174 vehicleVins: { 175 type: Array, 176 required: true, 177 }, 178 }, 179 setup(__props) { 180 const props = __props; 181 const translationService = (0,vue_runtime_esm_browser_prod/* inject */.WQ)(types/* PROVIDERS */.x.TranslationService); 182 // computed translation labels 183 const shareLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => `${translationService.getLabel("SHARE")}`); 184 const copyLinkLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => `${translationService.getButton("COPY_LINK")}`); 185 const copiedLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => `${translationService.getButton("COPIED")}`); 186 const emailLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => `${translationService.getLabel("EMAIL")}`); 187 const focusLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => ` ${translationService.getLabel("COMPARE_YOUR_VEHICLES")} ${translationService.getLabel("AND")} ${translationService.getLabel("SHARE")}`); 188 // data 189 const active = (0,vue_runtime_esm_browser_prod/* ref */.KR)(false); 190 const isCopied = (0,vue_runtime_esm_browser_prod/* ref */.KR)(false); 191 const currentDomain = window.location.origin; 192 const currentPageName = window.location.pathname; 193 const dropdownRef = (0,vue_runtime_esm_browser_prod/* ref */.KR)(null); 194 const shareButton = (0,vue_runtime_esm_browser_prod/* ref */.KR)(null); 195 const closeDropdownOnOutsideClick = (event) => { 196 if (dropdownRef.value && 197 !dropdownRef.value.contains(event.target) && 198 !event.target.classList.contains("share-button")) { 199 active.value = false;
200 } 201 }; 202 function setUrlForEmail() { 203 window.TrackGeneralCTA(this); 204 const emailFriendElem = document.querySelector("#emailFriend_Url"); 205 if (emailFriendElem) { 206 emailFriendElem.value = getLink(); 207 } 208 } 209 ; 210 function toggleActive() { 211 active.value = !active.value; 212 } 213 function getLink() { 214 return `${currentDomain}${currentPageName}?isVehicleCompare=true&shareVehicleVins=${props.vehicleVins.join(",")}`; 215 } 216 function copyLink() { 217 event.stopPropagation(); 218 if (props.vehicleVins.length > 0) { 219 isCopied.value = true; 220 const shareURL = getLink(); 221 copyToClipboard(shareURL); 222 setTimeout(function () { 223 isCopied.value = false; 224 }, 3000); 225 } 226 } 227 function copyToClipboard(text) { 228 return __awaiter(this, void 0, void 0, function* () { 229 try { 230 yield navigator.clipboard.writeText(text); 231 console.log('Content copied to clipboard!'); 232 } 233 catch (err) { 234 console.error(`Failed to copy: ${err}`); 235 fallbackCopyToClipboard(text); 236 } 237 }); 238 } 239 function fallbackCopyToClipboard(text) { 240 const textarea = document.createElement('textarea'); 241 textarea.value = text; 242 document.body.appendChild(textarea); 243 textarea.select(); 244 document.execCommand('copy'); 245 document.body.removeChild(textarea); 246 console.log('Content copied to clipboard (fallback method)'); 247 } 248 function setModalFocus() { 249 (0,vue_runtime_esm_browser_prod/* nextTick */.dY)(() => { 250 shareButton.value.focus(); 251 }); 252 } 253 (0,vue_runtime_esm_browser_prod/* onMounted */.sV)(() => { 254 document.addEventListener("click", closeDropdownOnOutsideClick); 255 setModalFocus(); 256 }); 257 (0,vue_runtime_esm_browser_prod/* onUnmounted */.hi)(() => { 258 document.removeEventListener("click", closeDropdownOnOutsideClick); 259 }); 260 return (_ctx, _cache) => { 261 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", { 262 class: "share-overview__dropdown", 263 ref_key: "dropdownRef", 264 ref: dropdownRef 265 }, [ 266 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("button", { 267 class: "share-button btn btn-cta stat-button-link", 268 "data-loc": "compare your vehicles", 269 onClick: toggleActive, 270 ref_key: "shareButton", 271 ref: shareButton, 272 "aria-haspopup": "menu", 273 "aria-controls": "shareDropdownItems", 274 "aria-label": focusLabel.value, 275 "aria-expanded": active.value, 276 "data-dotagging-event": "cta_interaction", 277 "data-dotagging-event-action": "click", 278 "data-dotagging-event-action-result": "calc", 279 "data-dotagging-element-order": "2", 280 "data-dotagging-element-type": "popup", 281 "data-dotagging-element-subtype": "cta_button" 282 }, [ 283 ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("svg", { 284 xmlns: "http://www.w3.org/2000/svg", 285 width: "24", 286 height: "24",
287 viewBox: "0 0 24 24", 288 fill: "currentColor", 289 stroke: "currentColor", 290 "stroke-width": "2", 291 "stroke-linecap": "round", 292 "stroke-linejoin": "round", 293 class: "share-icon feather feather-share-2", 294 role: "img", 295 "aria-label": shareLabel.value, 296 "aria-hidden": "true" 297 }, [ 298 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("title", null, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(shareLabel.value), 1 /* TEXT */), 299 _cache[0] || (_cache[0] = (0,vue_runtime_esm_browser_prod/* createStaticVNode */.Fv)("<circle fill=\"none\" cx=\"18\" cy=\"5\" r=\"3\" data-v-b04e9eaa></circle><circle fill=\"none\" cx=\"6\" cy=\"12\" r=\"3\" data-v-b04e9eaa></circle><circle fill=\"none\" cx=\"18\" cy=\"19\" r=\"3\" data-v-b04e9eaa></circle><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\" data-v-b04e9eaa></line><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\" data-v-b04e9eaa></line>", 5)) 300 ], 8 /* PROPS */, _hoisted_2)), 301 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", _hoisted_3, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(shareLabel.value), 1 /* TEXT */) 302 ], 8 /* PROPS */, _hoisted_1), 303 (0,vue_runtime_esm_browser_prod/* createVNode */.bF)(vue_runtime_esm_browser_prod/* Transition */.eB, { 304 name: "share-dropdown__content", 305 persisted: "" 306 }, { 307 default: (0,vue_runtime_esm_browser_prod/* withCtx */.k6)(() => [ 308 (0,vue_runtime_esm_browser_prod/* withDirectives */.bo)((0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("menu", _hoisted_4, [ 309 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("button", { 310 type: "button", 311 id: "share-compare-copy", 312 class: (0,vue_runtime_esm_browser_prod/* normalizeClass */.C4)(["share-dropdown__item share-dropdown__item--copy-link dropdown-button--copy stat-button-link", { copied: isCopied.value }]), 313 "data-loc": "compare your vehicles", 314 onClick: copyLink, 315 "data-dotagging-event": "cta_interaction", 316 "data-dotagging-product-name": "Website|Copy Share Compare Link", 317 "data-dotagging-event-action": "click", 318 "data-dotagging-event-action-result": "calc", 319 "data-dotagging-element-order": "0", 320 "data-dotagging-element-type": "item_details", 321 "data-dotagging-element-subtype": "cta_button" 322 }, [ 323 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 324 class: "share-dropdown__button-icon copy-icon", 325 alt: copyLinkLabel.value, 326 src: "https://cdn.dealeron.com/static/industry-automotive/icons/copy-2.svg" 327 }, null, 8 /* PROPS */, _hoisted_5), 328 (!isCopied.value) 329 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("span", _hoisted_6, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(copyLinkLabel.value), 1 /* TEXT */)) 330 : ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("span", _hoisted_7, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(copiedLabel.value), 1 /* TEXT */)) 331 ], 2 /* CLASS */), 332 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("button", { 333 type: "button", 334 id: "share-compare-email", 335 "data-type": "share-vehicle-button", 336 class: "share-dropdown__item share-dropdown__item--email stat-button-link", 337 "data-loc": "compare your vehicles", 338 "data-toggle": "modal", 339 "data-target": "#shareVehicleModal", 340 "data-vdp-url": getLink(), 341 onClick: setUrlForEmail, 342 "aria-haspopup": "dialog", 343 "data-title": "Share", 344 "data-content": "Send to Friend", 345 "data-dotagging-event": "cta_interaction", 346 "data-dotagging-product-name": "Website|Share Item Details", 347 "data-dotagging-event-action": "click", 348 "data-dotagging-event-action-result": "open", 349 "data-dotagging-element-type": "item_details", 350 "data-dotagging-element-order": "1", 351 "data-dotagging-element-subtype": "cta_button" 352 }, [ 353 _cache[1] || (_cache[1] = (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 354 class: "share-dropdown__button-icon", 355 alt: "", 356 src: "https://cdn.dealeron.com/static/industry-automotive/icons/email.svg" 357 }, null, -1 /* HOISTED */)), 358 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", _hoisted_9, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(emailLabel.value), 1 /* TEXT */) 359 ], 8 /* PROPS */, _hoisted_8) 360 ], 512 /* NEED_PATCH */), [ 361 [vue_runtime_esm_browser_prod/* vShow */.aG, active.value] 362 ]) 363 ]), 364 _: 1 /* STABLE */ 365 })
366 ], 512 /* NEED_PATCH */)); 367 }; 368 } 369})); 370 371;// ./src/components/vehicleCompare/shareDropdown.vue?vue&type=script&setup=true&lang=ts 372 373// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-7.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/shareDropdown.vue?vue&type=style&index=0&id=b04e9eaa&scoped=true&lang=scss 374var shareDropdownvue_type_style_index_0_id_b04e9eaa_scoped_true_lang_scss = __webpack_require__(8612); 375;// ./src/components/vehicleCompare/shareDropdown.vue?vue&type=style&index=0&id=b04e9eaa&scoped=true&lang=scss 376 377// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js 378var exportHelper = __webpack_require__(1535); 379;// ./src/components/vehicleCompare/shareDropdown.vue 380 381 382 383; 384 385 386const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(shareDropdownvue_type_script_setup_true_lang_ts, [['__scopeId',"data-v-b04e9eaa"]]) 387 388/* harmony default export */ const shareDropdown = (__exports__); 389// EXTERNAL MODULE: ./src/services/toggles/toggleService.ts + 1 modules 390var toggles_toggleService = __webpack_require__(7363); 391// EXTERNAL MODULE: ./src/infrastructure/vue/cosmosSrp/customEvents.ts 392var customEvents = __webpack_require__(9600); 393;// ./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/vehicleCompareSpecs/vehicleCompareSpecs.vue?vue&type=script&setup=true&lang=ts 394 395 396const vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_1 = { class: "specs__list" }; 397const vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_2 = { 398 key: 0, 399 class: "specs__item specs__item--body-style" 400}; 401const vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_3 = { class: "specs__icon icon-img" }; 402const vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_4 = ["alt", "src"]; 403const vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_5 = ["title", "aria-label", "innerHTML"]; 404const vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_6 = { 405 key: 1, 406 class: "specs__item specs__item--color specs__item--exterior-color" 407}; 408const vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_7 = { class: "specs__color color-icon-wrapper" }; 409const vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_8 = ["aria-label"]; 410const vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_9 = { class: "specs__color-label" }; 411const _hoisted_10 = ["title", "aria-label", "innerHTML"]; 412const _hoisted_11 = { 413 key: 2, 414 class: "specs__item specs__item--color specs__item--interior-color" 415}; 416const _hoisted_12 = { class: "specs__color color-icon-wrapper" }; 417const _hoisted_13 = ["aria-label"]; 418const _hoisted_14 = { class: "specs__color-label" }; 419const _hoisted_15 = ["title", "aria-label", "innerHTML"]; 420const _hoisted_16 = { 421 key: 3, 422 class: "specs__item specs__item--fuel-economy" 423}; 424const _hoisted_17 = { class: "specs__icon icon-img" }; 425const _hoisted_18 = ["alt", "src"]; 426const _hoisted_19 = ["title", "aria-label", "innerHTML"]; 427const _hoisted_20 = { 428 key: 4, 429 class: "specs__item specs__item--engine" 430}; 431const _hoisted_21 = { class: "specs__icon icon-img" }; 432const _hoisted_22 = ["alt", "src"]; 433const _hoisted_23 = ["title", "aria-label", "innerHTML"]; 434const _hoisted_24 = { 435 key: 5, 436 class: "specs__item specs__item--transmission" 437}; 438const _hoisted_25 = { class: "specs__icon icon-img" }; 439const _hoisted_26 = ["alt", "src"]; 440const _hoisted_27 = ["title", "aria-label", "innerHTML"]; 441 442 443/* harmony default export */ const vehicleCompareSpecsvue_type_script_setup_true_lang_ts = (/*@__PURE__*/(0,vue_runtime_esm_browser_prod/* defineComponent */.pM)({ 444 __name: 'vehicleCompareSpecs', 445 props: { 446 model: {} 447 }, 448 setup(__props) { 449 const translationService = (0,vue_runtime_esm_browser_prod/* inject */.WQ)(types/* PROVIDERS */.x.TranslationService); 450 const extColor = (0,vue_runtime_esm_browser_prod/* ref */.KR)(null); 451 const intColor = (0,vue_runtime_esm_browser_prod/* ref */.KR)(null); 452 const transmissionLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => translationService.getLabel("TRANSMISSION")); 453 const engineLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => translationService.getLabel("ENGINE")); 454 const fuelEconomyLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => translationService.getLabel("FUEL_ECONOMY")); 455 const bodyStyleLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => translationService.getLabel("BODY_STYLE")); 456 // using these to avoid vite errors 457 const iconSrcs = { 458 "BodyStyle": "/resources/vhcliaa/components/vehicleDetails/vehicleDetails-r3/images/body-icon.png", 459 "FuelEconomy": "/resources/vhcliaa/components/vehicleDetails/vehicleDetails-r3/images/gas-icon.png", 460 "Engine": "/resources/vhcliaa/components/vehicleDetails/vehicleDetails-r3/images/engine-icon.png", 461 "Transmission": "/resources/vhcliaa/components/vehicleDetails/vehicleDetails-r3/images/transmission-icon.png", 462 }; 463 const props = __props; 464 (0,vue_runtime_esm_browser_prod/* onMounted */.sV)(() => { 465 if (extColor.value) { 466 extColor.value.style.backgroundColor = props.model.ExteriorColorCode; 467 } 468 if (intColor.value) { 469 intColor.value.style.backgroundColor = props.model.InteriorColorCode; 470 } 471 }); 472 return (_ctx, _cache) => { 473 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", { 474 class: (0,vue_runtime_esm_browser_prod/* normalizeClass */.C4)(["specs", _ctx.model.VisibleItemCount <= 3 ? 'specs--single-column' : '']) 475 }, [ 476 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("ul", vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_1, [ 477 (_ctx.model.SpecVisibility.ShouldShowBodyStyle) 478 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_2, [ 479 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_3, [ 480 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 481 alt: bodyStyleLabel.value, 482 src: iconSrcs.BodyStyle, 483 class: "specs__icon-image img-responsive" 484 }, null, 8 /* PROPS */, vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_4) 485 ]), 486 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", { 487 class: "specs__value vehicleValue strong", 488 title: _ctx.model.BodyStyleLabel, 489 "aria-label": _ctx.model.BodyStyleLabel, 490 innerHTML: _ctx.model.BodyStyleLabel 491 }, null, 8 /* PROPS */, vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_5) 492 ])) 493 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 494 (_ctx.model.SpecVisibility.ShouldShowExteriorColor) 495 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_6, [ 496 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_7, [ 497 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", { 498 role: "img", 499 "aria-label": _ctx.model.ExteriorColorRaw, 500 class: "specs__color-icon colorIcon colorIcon__ext", 501 ref_key: "extColor", 502 ref: extColor 503 }, null, 8 /* PROPS */, vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_8) 504 ]), 505 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareSpecsvue_type_script_setup_true_lang_ts_hoisted_9, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(_ctx.model.ExteriorColorLabel), 1 /* TEXT */), 506 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", { 507 class: "specs__value specs__value--color vehicleValue margin-left_5x strong", 508 title: _ctx.model.ExteriorColorRaw, 509 "aria-label": _ctx.model.ExteriorColorRaw, 510 innerHTML: _ctx.model.ExteriorColorName 511 }, null, 8 /* PROPS */, _hoisted_10) 512 ])) 513 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 514 (_ctx.model.SpecVisibility.ShouldShowInterior
514Color) 515 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", _hoisted_11, [ 516 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", _hoisted_12, [ 517 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", { 518 role: "img", 519 "aria-label": _ctx.model.InteriorColorRaw, 520 class: "specs__color-icon colorIcon colorIcon__int", 521 ref_key: "intColor", 522 ref: intColor 523 }, null, 8 /* PROPS */, _hoisted_13) 524 ]), 525 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", _hoisted_14, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(_ctx.model.InteriorColorLabel), 1 /* TEXT */), 526 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", { 527 class: "specs__value specs__value--color vehicleValue margin-left_5x strong", 528 title: _ctx.model.InteriorColorRaw, 529 "aria-label": _ctx.model.InteriorColorRaw, 530 innerHTML: _ctx.model.InteriorColorName 531 }, null, 8 /* PROPS */, _hoisted_15) 532 ])) 533 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 534 (_ctx.model.SpecVisibility.ShouldShowGasEconomy) 535 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", _hoisted_16, [ 536 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", _hoisted_17, [ 537 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 538 alt: fuelEconomyLabel.value, 539 src: iconSrcs.FuelEconomy, 540 class: "specs__icon-image img-responsive" 541 }, null, 8 /* PROPS */, _hoisted_18) 542 ]), 543 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", { 544 class: "specs__value vehicleValue strong", 545 title: _ctx.model.GasEconomyLabel, 546 "aria-label": _ctx.model.GasEconomyLabel, 547 innerHTML: _ctx.model.GasEconomyLabel 548 }, null, 8 /* PROPS */, _hoisted_19) 549 ])) 550 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 551 (_ctx.model.SpecVisibility.ShouldShowEngine) 552 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", _hoisted_20, [ 553 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", _hoisted_21, [ 554 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 555 alt: engineLabel.value, 556 src: iconSrcs.Engine, 557 class: "specs__icon-image img-responsive" 558 }, null, 8 /* PROPS */, _hoisted_22) 559 ]), 560 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", { 561 class: "specs__value vehicleValue strong", 562 title: _ctx.model.EngineLabel, 563 "aria-label": _ctx.model.EngineLabel, 564 innerHTML: _ctx.model.EngineLabel 565 }, null, 8 /* PROPS */, _hoisted_23) 566 ])) 567 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 568 (_ctx.model.SpecVisibility.ShouldShowTransmission) 569 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", _hoisted_24, [ 570 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", _hoisted_25, [ 571 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 572 alt: transmissionLabel.value, 573 src: iconSrcs.Transmission,
574 class: "specs__icon-image img-responsive" 575 }, null, 8 /* PROPS */, _hoisted_26) 576 ]), 577 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", { 578 class: "specs__value vehicleValue strong", 579 title: _ctx.model.TransmissionDriveTrainLabel, 580 "aria-label": _ctx.model.TransmissionDriveTrainLabel, 581 innerHTML: _ctx.model.TransmissionDriveTrainLabel 582 }, null, 8 /* PROPS */, _hoisted_27) 583 ])) 584 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 585 ]) 586 ], 2 /* CLASS */)); 587 }; 588 } 589})); 590 591;// ./src/components/vehicleCompare/vehicleCompareSpecs/vehicleCompareSpecs.vue?vue&type=script&setup=true&lang=ts 592 593;// ./src/components/vehicleCompare/vehicleCompareSpecs/vehicleCompareSpecs.vue 594 595 596 597const vehicleCompareSpecs_exports_ = vehicleCompareSpecsvue_type_script_setup_true_lang_ts; 598 599/* harmony default export */ const vehicleCompareSpecs = (vehicleCompareSpecs_exports_); 600;// ./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/vehicleCompareTitle/vehicleCompareTitleAuto.vue?vue&type=script&setup=true&lang=ts 601 602 603const vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_1 = ["data-loc", "href", "title", "data-dotagging-element-text", "data-dotagging-item-id", "data-dotagging-item-price", "data-dotagging-item-year", "data-dotagging-item-make", "data-dotagging-item-model", "data-dotagging-item-variant", "data-dotagging-item-condition", "data-dotagging-item-number", "data-dotagging-item-color", "data-dotagging-item-fuel-type", "data-dotagging-item-inventory-date", "data-dotagging-item-type"]; 604const vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_2 = { class: "vehicle-title vehicleTitleInner" }; 605const vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_3 = { class: "vehicle-title__text" }; 606const vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_4 = { class: "vehicle-title__year yearSpan" }; 607const vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_5 = { class: "vehicle-title__make-model makeModel" }; 608const vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_6 = { class: "vehicle-title__trim vehicleTrim" }; 609 610/* harmony default export */ const vehicleCompareTitleAutovue_type_script_setup_true_lang_ts = (/*@__PURE__*/(0,vue_runtime_esm_browser_prod/* defineComponent */.pM)({ 611 __name: 'vehicleCompareTitleAuto', 612 props: { 613 model: {} 614 }, 615 setup(__props) { 616 const elementText = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => `${props.model.Year} ${props.model.Make} ${props.model.Model} ${props.model.Trim}`); 617 const props = __props; 618 function dataLoc() { 619 return `available inventory:${props.model.Vin}`; 620 } 621 function vehicleTitle() { 622 return `${props.model.Year} ${props.model.Make} ${props.model.Model} ${props.model.Trim}`; 623 } 624 return (_ctx, _cache) => { 625 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("a", { 626 class: "header-cell__vehicle-title vehicleTitle", 627 "data-loc": dataLoc(), 628 href: _ctx.model.VdpUrl, 629 title: vehicleTitle(), 630 "data-dotagging-event": "cta_interaction", 631 "data-dotagging-event-action": "click", 632 "data-dotagging-event-action-result": "redirect", 633 "data-dotagging-element-text": elementText.value, 634 "data-dotagging-element-order": "1", 635 "data-dotagging-element-type": "popup", 636 "data-dotagging-element-subtype": "hyperlink", 637 "data-dotagging-item-id": _ctx.model.Vin, 638 "data-dotagging-item-price": _ctx.model.Price, 639 "data-dotagging-item-year": _ctx.model.Year, 640 "data-dotagging-item-make": _ctx.model.Make, 641 "data-dotagging-item-model": _ctx.model.Model, 642 "data-dotagging-item-variant": _ctx.model.Trim, 643 "data-dotagging-item-condition": _ctx.model.Condition, 644 "data-dotagging-item-number": _ctx.model.StockNum, 645 "data-dotagging-item-color": _ctx.model.ExtColor, 646 "data-dotagging-item-category": "automotive", 647 "data-dotagging-item-fuel-type": _ctx.model.FuelType, 648 "data-dotagging-item-inventory-date": _ctx.model.InventoryDate, 649 "data-dotagging-item-type": _ctx.model.TaggingItemType 650 }, [ 651 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("h2", vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_2, [ 652 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_3, [ 653 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_4, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(_ctx.model.Year), 1 /* TEXT */), 654 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_5, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(_ctx.model.Make) + " " + (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(_ctx.model.Model), 1 /* TEXT */) 655 ]), 656 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_6, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(_ctx.model.Trim), 1 /* TEXT */) 657 ]) 658 ], 8 /* PROPS */, vehicleCompareTitleAutovue_type_script_setup_true_lang_ts_hoisted_1)); 659 }; 660 } 661})); 662 663;// ./src/components/vehicleCompare/vehicleCompareTitle/vehicleCompareTitleAuto.vue?vue&type=script&setup=true&lang=ts 664 665;// ./src/components/vehicleCompare/vehicleCompareTitle/vehicleCompareTitleAuto.vue 666 667 668 669const vehicleCompareTitleAuto_exports_ = vehicleCompareTitleAutovue_type_script_setup_true_lang_ts; 670 671/* harmony default export */ const vehicleCompareTitleAuto = (vehicleCompareTitleAuto_exports_); 672;// ./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/vehicleCompareTitle/vehicleCompareTitleRecreationalVehicles.vue?vue&type=script&setup=true&lang=ts 673 674 675const vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_1 = ["data-loc", "href", "title", "data-dotagging-element-text", "data-dotagging-item-id", "data-dotagging-item-price", "data-dotagging-item-year", "data-dotagging-item-make", "data-dotagging-item-model", "data-dotagging-item-variant", "data-dotagging-item-condition", "data-dotagging-item-number", "data-dotagging-item-color", "data-dotagging-item-fuel-type", "data-dotagging-item-inventory-date", "data-dotagging-item-type"]; 676const vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_2 = { class: "vehicle-title vehicleTitleInner" }; 677const vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_3 = { class: "vehicle-title__text" }; 678const vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_4 = { class: "vehicle-title__year yearSpan" }; 679const vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_5 = { class: "vehicle-title__make-model makeModel" }; 680const vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_6 = { class: "vehicle-title__trim vehicleTrim" }; 681 682/* harmony default export */ const vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts = (/*@__PURE__*/(0,vue_runtime_esm_browser_prod/* defineComponent */.pM)({ 683 __name: 'vehicleCompareTitleRecreationalVehicles', 684 props: { 685 model: {} 686 }, 687 setup(__props) { 688 const elementText = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => `${props.model.Year} ${props.model.Manufacturer} ${props.model.Brand} ${props.model.ModelName}`); 689 const props = __props; 690 function dataLoc() { 691 return `available inventory:${props.model.Vin}`; 692 } 693 function vehicleTitle() { 694 return `${props.model.Year} ${props.model.Manufacturer} ${props.model.Brand} ${props.model.ModelName}`; 695 } 696 return (_ctx, _cache) => { 697 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("a", { 698 class: "header-cell__vehicle-title vehicleTitle", 699 "data-loc": dataLoc(), 700 href: _ctx.model.VdpUrl, 701 title: vehicleTitle(), 702 "data-dotagging-event": "cta_interaction", 703 "data-dotagging-event-action": "click", 704 "data-dotagging-event-action-result": "redirect", 705 "data-dotagging-element-text": elementText.value, 706 "data-dotagging-element-order": "1", 707 "data-dotagging-element-type": "popup", 708 "data-dotagging-element-subtype": "hyperlink", 709 "data-dotagging-item-id": _ctx.model.Vin, 710 "data-dotagging-item-price": _ctx.model.Price, 711 "data-dotagging-item-year": _ctx.model.Year, 712 "data-dotagging-item-make": _ctx.model.Manufacturer, 713 "data-dotagging-item-model": _ctx.model.Brand, 714 "data-dotagging-item-variant": _ctx.model.ModelName, 715 "data-dotagging-item-condition": _ctx.model.Condition, 716 "data-dotagging-item-number": _ctx.model.StockNum, 717 "data-dotagging-item-color": _ctx.model.ExtColor, 718 "data-dotagging-item-category": "automotive", 719 "data-dotagging-item-fuel-type": _ctx.model.FuelType, 720 "data-dotagging-item-inventory-date": _ctx.model.InventoryDate, 721 "data-dotagging-item-type": _ctx.model.TaggingItemType 722 }, [ 723 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("h2", vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_2, [ 724 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_3, [ 725 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_4, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(_ctx.model.Year), 1 /* TEXT */), 726 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_5, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(_ctx.model.Manufacturer) + " " + (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(_ctx.model.Brand), 1 /* TEXT */) 727 ]), 728 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_6, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(_ctx.model.ModelName), 1 /* TEXT */) 729 ]) 730 ], 8 /* PROPS */, vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts_hoisted_1)); 731 }; 732 } 733})); 734 735;// ./src/components/vehicleCompare/vehicleCompareTitle/vehicleCompareTitleRecreationalVehicles.vue?vue&type=script&setup=true&lang=ts 736 737;// ./src/components/vehicleCompare/vehicleCompareTitle/vehicleCompareTitleRecreationalVehicles.vue 738 739 740 741const vehicleCompareTitleRecreationalVehicles_exports_ = vehicleCompareTitleRecreationalVehiclesvue_type_script_setup_true_lang_ts; 742 743/* harmony default export */ const vehicleCompareTitleRecreationalVehicles = (vehicleCompareTitleRecreationalVehicles_exports_);
744// EXTERNAL MODULE: ./src/infrastructure/vue/cosmosSrp/globalStore.ts + 11 modules 745var cosmosSrp_globalStore = __webpack_require__(3551); 746// EXTERNAL MODULE: ./src/core/enums/industry.ts 747var industry = __webpack_require__(8586); 748;// ./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/vehicleCompareTitle/vehicleCompareTitle.vue?vue&type=script&setup=true&lang=ts 749 750 751 752 753 754 755 756/* harmony default export */ const vehicleCompareTitlevue_type_script_setup_true_lang_ts = (/*@__PURE__*/(0,vue_runtime_esm_browser_prod/* defineComponent */.pM)({ 757 __name: 'vehicleCompareTitle', 758 props: { 759 model: {} 760 }, 761 setup(__props) { 762 const globalStore = (0,cosmosSrp_globalStore/* useGlobalStore */.o)(); 763 const isRvIndustry = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => globalStore.getIndustry == industry/* Industry */.j.RecreationalVehicles); 764 const props = __props; 765 return (_ctx, _cache) => { 766 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)(vue_runtime_esm_browser_prod/* Fragment */.FK, null, [ 767 (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("VehicleCompareTitle.vue"), 768 (isRvIndustry.value) 769 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createBlock */.Wv)(vehicleCompareTitleRecreationalVehicles, { 770 key: 0, 771 model: _ctx.model 772 }, null, 8 /* PROPS */, ["model"])) 773 : ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createBlock */.Wv)(vehicleCompareTitleAuto, { 774 key: 1, 775 model: _ctx.model 776 }, null, 8 /* PROPS */, ["model"])) 777 ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */)); 778 }; 779 } 780})); 781 782;// ./src/components/vehicleCompare/vehicleCompareTitle/vehicleCompareTitle.vue?vue&type=script&setup=true&lang=ts 783 784;// ./src/components/vehicleCompare/vehicleCompareTitle/vehicleCompareTitle.vue 785 786 787 788const vehicleCompareTitle_exports_ = vehicleCompareTitlevue_type_script_setup_true_lang_ts; 789 790/* harmony default export */ const vehicleCompareTitle = (vehicleCompareTitle_exports_); 791;// ./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/vehicleCompareKeyFeatures/vehicleCompareKeyFeatures.vue?vue&type=script&setup=true&lang=ts 792 793 794const vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_1 = { 795 key: 0, 796 class: "cell-contents__empty" 797}; 798const vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_2 = { class: "cell-contents__empty-text" }; 799const vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_3 = { 800 key: 1, 801 class: "vehicle-keyfeatures" 802}; 803const vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_4 = { 804 id: "vehicle-keyfeatures-list", 805 class: "vehicle-keyfeatures__list list-unstyled" 806}; 807const vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_5 = ["src"]; 808const vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_6 = { class: "keyfeature__details" }; 809const vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_7 = { class: "keyfeature__label" }; 810const vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_8 = { class: "keyfeature__value" }; 811 812 813/* harmony default export */ const vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts = (/*@__PURE__*/(0,vue_runtime_esm_browser_prod/* defineComponent */.pM)({ 814 __name: 'vehicleCompareKeyFeatures', 815 props: { 816 vehicle: {} 817 }, 818 setup(__props) { 819 const translationService = (0,vue_runtime_esm_browser_prod/* inject */.WQ)(types/* PROVIDERS */.x.TranslationService); 820 const props = __props; 821 function translate(item) { 822 return translationService.getLabel(item); 823 } 824 return (_ctx, _cache) => { 825 var _a, _b, _c; 826 return (((_b = (_a = _ctx.vehicle.RvCompareInfoModel) === null || _a === void 0 ? void 0 : _a.KeyFeatures) === null || _b === void 0 ? void 0 : _b.length) === 0) 827 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_1, [ 828 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_2, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(translate("NO_HIGHLIGHTS_AVAILABLE")), 1 /* TEXT */) 829 ])) 830 : ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_3, [ 831 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("ul", vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_4, [ 832 ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(true), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)(vue_runtime_esm_browser_prod/* Fragment */.FK, null, (0,vue_runtime_esm_browser_prod/* renderList */.pI)((_c = _ctx.vehicle.RvCompareInfoModel) === null || _c === void 0 ? void 0 : _c.KeyFeatures, (keyFeature) => { 833 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", { 834 class: "keyfeature__item", 835 key: `keyfeature-${keyFeature.Label}-${keyFeature.Value}` 836 }, [ 837 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", { 838 class: "keyfeature-icon icon-img", 839 style: (0,vue_runtime_esm_browser_prod/* normalizeStyle */.Tr)(`--img-url: url(${keyFeature.Icon})`) 840 }, [ 841 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 842 class: "keyfeature-icon__image", 843 src: keyFeature.Icon, 844 alt: "", 845 height: "32", 846 width: "32", 847 loading: "eager" 848 }, null, 8 /* PROPS */, vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_5) 849 ], 4 /* STYLE */), 850 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_6, [ 851 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_7, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(keyFeature.Label), 1 /* TEXT */), 852 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts_hoisted_8, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(keyFeature.Value), 1 /* TEXT */) 853 ]) 854 ])); 855 }), 128 /* KEYED_FRAGMENT */)) 856 ]) 857 ])); 858 }; 859 } 860})); 861 862;// ./src/components/vehicleCompare/vehicleCompareKeyFeatures/vehicleCompareKeyFeatures.vue?vue&type=script&setup=true&lang=ts 863 864// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLo
864ader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-7.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/vehicleCompareKeyFeatures/vehicleCompareKeyFeatures.vue?vue&type=style&index=0&id=7cc4f73f&scoped=true&lang=scss 865var vehicleCompareKeyFeaturesvue_type_style_index_0_id_7cc4f73f_scoped_true_lang_scss = __webpack_require__(7207); 866;// ./src/components/vehicleCompare/vehicleCompareKeyFeatures/vehicleCompareKeyFeatures.vue?vue&type=style&index=0&id=7cc4f73f&scoped=true&lang=scss 867 868;// ./src/components/vehicleCompare/vehicleCompareKeyFeatures/vehicleCompareKeyFeatures.vue 869 870 871 872; 873 874 875const vehicleCompareKeyFeatures_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(vehicleCompareKeyFeaturesvue_type_script_setup_true_lang_ts, [['__scopeId',"data-v-7cc4f73f"]]) 876 877/* harmony default export */ const vehicleCompareKeyFeatures = (vehicleCompareKeyFeatures_exports_); 878;// ./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/vehicleCompareHighlights/vehicleCompareHighlights.vue?vue&type=script&setup=true&lang=ts 879 880 881const vehicleCompareHighlightsvue_type_script_setup_true_lang_ts_hoisted_1 = { 882 key: 0, 883 class: "cell-contents__empty" 884}; 885const vehicleCompareHighlightsvue_type_script_setup_true_lang_ts_hoisted_2 = { class: "cell-contents__empty-text" }; 886const vehicleCompareHighlightsvue_type_script_setup_true_lang_ts_hoisted_3 = { key: 1 }; 887const vehicleCompareHighlightsvue_type_script_setup_true_lang_ts_hoisted_4 = ["id"]; 888const vehicleCompareHighlightsvue_type_script_setup_true_lang_ts_hoisted_5 = ["src"]; 889 890 891/* harmony default export */ const vehicleCompareHighlightsvue_type_script_setup_true_lang_ts = (/*@__PURE__*/(0,vue_runtime_esm_browser_prod/* defineComponent */.pM)({ 892 __name: 'vehicleCompareHighlights', 893 props: { 894 vehicle: {} 895 }, 896 setup(__props) { 897 const translationService = (0,vue_runtime_esm_browser_prod/* inject */.WQ)(types/* PROVIDERS */.x.TranslationService); 898 let cdnPath = "https://cdn.dealeron.com"; 899 const props = __props; 900 function translate(item) { 901 return translationService.getLabel(item); 902 } 903 function vehicleHighlightIconUrl(highlight) { 904 var _a; 905 const highlightKebabCase = `${(_a = highlight === null || highlight === void 0 ? void 0 : highlight.toLowerCase()) === null || _a === void 0 ? void 0 : _a.split(/[^A-Za-z0-9]+/).join("-")}`; 906 const vehicleHighlightIconFilename = `${highlightKebabCase}-sm.svg`; 907 const vehicleHighlightIconUrl = `${cdnPath}/static/industry-automotive/icons/features/${vehicleHighlightIconFilename}`; 908 return vehicleHighlightIconUrl; 909 } 910 return (_ctx, _cache) => { 911 var _a; 912 return (((_a = _ctx.vehicle.VehicleHighlights) === null || _a === void 0 ? void 0 : _a.length) === 0) 913 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareHighlightsvue_type_script_setup_true_lang_ts_hoisted_1, [ 914 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareHighlightsvue_type_script_setup_true_lang_ts_hoisted_2, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(translate("NO_HIGHLIGHTS_AVAILABLE")), 1 /* TEXT */) 915 ])) 916 : ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareHighlightsvue_type_script_setup_true_lang_ts_hoisted_3, [ 917 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("ul", { 918 id: `vehicleHighlights-${_ctx.vehicle.Vin}`, 919 class: "highlights-cell__list" 920 }, [ 921 ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(true), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)(vue_runtime_esm_browser_prod/* Fragment */.FK, null, (0,vue_runtime_esm_browser_prod/* renderList */.pI)(_ctx.vehicle.HighlightsCount, (n) => { 922 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", { 923 class: "highlights-cell__item", 924 key: `highlight-${_ctx.vehicle.Vin}-${n}` 925 }, [ 926 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 927 class: "highlights-cell__icon", 928 src: vehicleHighlightIconUrl(_ctx.vehicle.VehicleHighlights[n - 1]), 929 alt: "", 930 loading: "eager" 931 }, null, 8 /* PROPS */, vehicleCompareHighlightsvue_type_script_setup_true_lang_ts_hoisted_5), 932 (0,vue_runtime_esm_browser_prod/* createTextVNode */.eW)(" " + (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(_ctx.vehicle.VehicleHighlights[n - 1]), 1 /* TEXT */) 933 ])); 934 }), 128 /* KEYED_FRAGMENT */)) 935 ], 8 /* PROPS */, vehicleCompareHighlightsvue_type_script_setup_true_lang_ts_hoisted_4) 936 ])); 937 }; 938 } 939})); 940 941;// ./src/components/vehicleCompare/vehicleCompareHighlights/vehicleCompareHighlights.vue?vue&type=script&setup=true&lang=ts 942 943;// ./src/components/vehicleCompare/vehicleCompareHighlights/vehicleCompareHighlights.vue 944 945 946 947const vehicleCompareHighlights_exports_ = vehicleCompareHighlightsvue_type_script_setup_true_lang_ts; 948 949/* harmony default export */ const vehicleCompareHighlights = (vehicleCompareHighlights_exports_); 950;// ./src/components/vehicleCompare/vehicleCompareUtils.ts 951function initCardScrolling() { 952 const modal = document.querySelector("dialog.vehicle-compare-container--dialog"); 953 const compareDetails = document.querySelector("tbody.compare-table__body--detail
953s"); 954 if (modal && compareDetails) { 955 modal.addEventListener('wheel', (event) => { 956 const isVerticalScrollable = compareDetails.scrollHeight > compareDetails.clientHeight; 957 const isHorizontalScrollable = compareDetails.scrollWidth > compareDetails.clientWidth; 958 if (isVerticalScrollable && Math.abs(event.deltaY) > Math.abs(event.deltaX)) { 959 // Handle vertical scrolling 960 compareDetails.scrollTop += event.deltaY; 961 event.preventDefault(); 962 } 963 else if (isHorizontalScrollable && Math.abs(event.deltaX) > Math.abs(event.deltaY)) { 964 // Handle horizontal scrolling 965 compareDetails.scrollLeft += event.deltaX; 966 event.preventDefault(); 967 } 968 }); 969 // Handle mobile touch events 970 let startX = 0, startY = 0; 971 modal.addEventListener('touchstart', (event) => { 972 startX = event.touches[0].clientX; 973 startY = event.touches[0].clientY; 974 }); 975 modal.addEventListener('touchmove', (event) => { 976 const currentX = event.touches[0].clientX; 977 const currentY = event.touches[0].clientY; 978 const deltaX = startX - currentX; 979 const deltaY = startY - currentY; 980 const isVerticalScrollable = compareDetails.scrollHeight > compareDetails.clientHeight; 981 const isHorizontalScrollable = compareDetails.scrollWidth > compareDetails.clientWidth; 982 if (isVerticalScrollable && Math.abs(deltaY) > Math.abs(deltaX)) { 983 // Handle vertical scrolling 984 compareDetails.scrollTop += deltaY; 985 startY = currentY; // Update startY for continuous scrolling 986 event.preventDefault(); 987 } 988 else if (isHorizontalScrollable && Math.abs(deltaX) > Math.abs(deltaY)) { 989 // Handle horizontal scrolling 990 compareDetails.scrollLeft += deltaX; 991 startX = currentX; // Update startX for continuous scrolling 992 event.preventDefault(); 993 } 994 }); 995 modal.addEventListener('touchend', () => { 996 // Only reset touch start positions; do not modify scrollLeft/scrollTop 997 startX = 0; 998 startY = 0; 999 }); 1000 } 1001} 1002 1003;// ./src/components/vehicleCompare/vehicleCompareTitle/VehicleCompareTitleModel.ts 1004class VehicleCompareTitleModel { 1005} 1006 1007;// ./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/vehicleCompareRvInfo/vehicleCompareRvInfo.vue?vue&type=script&setup=true&lang=ts 1008 1009 1010const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_1 = { class: "info" }; 1011const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_2 = { class: "info__list vehicle-info__list list-unstyled" }; 1012const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_3 = { 1013 key: 0, 1014 class: "info__item info__item--condition" 1015}; 1016const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_4 = { class: "info__details" }; 1017const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_5 = { class: "info__label" }; 1018const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_6 = { class: "info__value" }; 1019const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_7 = { 1020 key: 1, 1021 class: "info__item info__item--type" 1022}; 1023const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_8 = { class: "info__details" }; 1024const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_9 = { class: "info__label" }; 1025const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_10 = { class: "info__value" }; 1026const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_11 = { 1027 key: 2, 1028 class: "info__item info__item--mileage" 1029}; 1030const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_12 = { class: "info__details" }; 1031const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_13 = { class: "info__label" }; 1032const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_14 = { class: "info__value" }; 1033const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_15 = { 1034 key: 3, 1035 class: "info__item info__item--engine" 1036}; 1037const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_16 = { class: "info__details" }; 1038const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_17 = { class: "info__label" }; 1039const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_18 = { class: "info__value" }; 1040const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_19 = { 1041 key: 4, 1042 class: "info__item info__item--fuel-type" 1043}; 1044const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_20 = { class: "info__details" }; 1045const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_21 = { class: "info__label" }; 1046const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_22 = { class: "info__value" }; 1047const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_23 = { 1048 key: 5,
1049 class: "info__item info__item--class" 1050}; 1051const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_24 = { class: "info__details" }; 1052const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_25 = { class: "info__label" }; 1053const vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_26 = { class: "info__value" }; 1054 1055 1056const iconPath = "https://cdn.dlron.us/static/industry-automotive/icons"; 1057/* harmony default export */ const vehicleCompareRvInfovue_type_script_setup_true_lang_ts = (/*@__PURE__*/(0,vue_runtime_esm_browser_prod/* defineComponent */.pM)({ 1058 __name: 'vehicleCompareRvInfo', 1059 props: { 1060 model: {} 1061 }, 1062 setup(__props) { 1063 const translationService = (0,vue_runtime_esm_browser_prod/* inject */.WQ)(types/* PROVIDERS */.x.TranslationService); 1064 const conditionIconUrl = `${iconPath}/check-circle-icon.svg`; 1065 const typeIconUrl = `${iconPath}/car-icon-solid.svg`; 1066 const mileageIconUrl = `${iconPath}/features/mileage.svg`; 1067 const engineIconUrl = `${iconPath}/features/engine.svg`; 1068 const fuelTypeIconUrl = `${iconPath}/features/fuel.svg`; 1069 const classIconUrl = `${iconPath}/features/car-top-view-icon.svg`; 1070 const showMileage = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => { 1071 return props.model.RvCompareInfoModel.Mileage && props.model.RvCompareInfoModel.Mileage > 0; 1072 }); 1073 const conditionLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => translationService.getLabel("CONDITION")); 1074 const typeLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => translationService.getLabel("TYPE")); 1075 const mileageLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => translationService.getLabel("MILEAGE")); 1076 const engineLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => translationService.getLabel("ENGINE")); 1077 const fuelTypeLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => translationService.getLabel("FUEL_TYPE")); 1078 const classLabel = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => translationService.getLabel("CLASS")); 1079 const props = __props; 1080 return (_ctx, _cache) => { 1081 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_1, [ 1082 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("ul", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_2, [ 1083 (_ctx.model.Condition) 1084 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_3, [ 1085 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", { 1086 class: "info-icon icon-img", 1087 style: (0,vue_runtime_esm_browser_prod/* normalizeStyle */.Tr)(`--img-url: url(${conditionIconUrl})`) 1088 }, [ 1089 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 1090 class: "info-icon__image", 1091 src: conditionIconUrl, 1092 alt: "", 1093 height: "32", 1094 width: "32", 1095 loading: "eager" 1096 }) 1097 ], 4 /* STYLE */), 1098 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_4, [ 1099 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_5, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(conditionLabel.value), 1 /* TEXT */), 1100 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_6, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(props.model.Condition.toLowerCase()), 1 /* TEXT */) 1101 ]) 1102 ])) 1103 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 1104 (_ctx.model.RvCompareInfoModel.RvType) 1105 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_7, [ 1106 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", {
1107 class: "info-icon icon-img", 1108 style: (0,vue_runtime_esm_browser_prod/* normalizeStyle */.Tr)(`--img-url: url(${typeIconUrl})`) 1109 }, [ 1110 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 1111 class: "info-icon__image", 1112 src: typeIconUrl, 1113 alt: "", 1114 height: "32", 1115 width: "32", 1116 loading: "eager" 1117 }) 1118 ], 4 /* STYLE */), 1119 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_8, [ 1120 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_9, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(typeLabel.value), 1 /* TEXT */), 1121 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_10, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(props.model.RvCompareInfoModel.RvType.toLowerCase()), 1 /* TEXT */) 1122 ]) 1123 ])) 1124 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 1125 (showMileage.value) 1126 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_11, [ 1127 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", { 1128 class: "info-icon icon-img", 1129 style: (0,vue_runtime_esm_browser_prod/* normalizeStyle */.Tr)(`--img-url: url(${mileageIconUrl})`) 1130 }, [ 1131 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 1132 class: "info-icon__image", 1133 src: mileageIconUrl, 1134 alt: "", 1135 height: "32", 1136 width: "32", 1137 loading: "eager" 1138 }) 1139 ], 4 /* STYLE */), 1140 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_12, [ 1141 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_13, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(mileageLabel.value), 1 /* TEXT */), 1142 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_14, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(props.model.RvCompareInfoModel.Mileage.toLocaleString()), 1 /* TEXT */) 1143 ]) 1144 ])) 1145 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 1146 (_ctx.model.RvCompareInfoModel.Engine) 1147 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_15, [ 1148 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", { 1149 class: "info-icon icon-img", 1150 style: (0,vue_runtime_esm_browser_prod/* normalizeStyle */.Tr)(`--img-url: url(${engineIconUrl})`) 1151 }, [ 1152 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 1153 class: "info-icon__image", 1154 src: engineIconUrl, 1155 alt: "", 1156 height: "32", 1157 width: "32", 1158 loading: "eager" 1159 }) 1160 ], 4 /* STYLE */), 1161 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_16, [ 1162 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_17, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(engineLabel.value), 1 /* TEXT */), 1163 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_18, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(props.model.RvCompareInfoModel.Engine.toLowerCase()), 1 /* TEXT */) 1164 ]) 1165 ])) 1166 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 1167 (_ctx.model.FuelType) 1168 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_19, [ 1169 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", {
1170 class: "info-icon icon-img", 1171 style: (0,vue_runtime_esm_browser_prod/* normalizeStyle */.Tr)(`--img-url: url(${fuelTypeIconUrl})`) 1172 }, [ 1173 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 1174 class: "info-icon__image", 1175 src: fuelTypeIconUrl, 1176 alt: "", 1177 height: "32", 1178 width: "32", 1179 loading: "eager" 1180 }) 1181 ], 4 /* STYLE */), 1182 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_20, [ 1183 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_21, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(fuelTypeLabel.value), 1 /* TEXT */), 1184 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_22, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(props.model.FuelType.toLowerCase()), 1 /* TEXT */) 1185 ]) 1186 ])) 1187 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 1188 (_ctx.model.RvCompareInfoModel.Class) 1189 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("li", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_23, [ 1190 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", { 1191 class: "info-icon icon-img", 1192 style: (0,vue_runtime_esm_browser_prod/* normalizeStyle */.Tr)(`--img-url: url(${classIconUrl})`) 1193 }, [ 1194 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 1195 class: "info-icon__image", 1196 src: classIconUrl, 1197 alt: "", 1198 height: "32", 1199 width: "32", 1200 loading: "eager" 1201 }) 1202 ], 4 /* STYLE */), 1203 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_24, [ 1204 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_25, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(classLabel.value), 1 /* TEXT */), 1205 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", vehicleCompareRvInfovue_type_script_setup_true_lang_ts_hoisted_26, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(props.model.RvCompareInfoModel.Class.toLowerCase()), 1 /* TEXT */) 1206 ]) 1207 ])) 1208 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 1209 ]) 1210 ])); 1211 }; 1212 } 1213})); 1214 1215;// ./src/components/vehicleCompare/vehicleCompareRvInfo/vehicleCompareRvInfo.vue?vue&type=script&setup=true&lang=ts 1216 1217// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-7.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/vehicleCompareRvInfo/vehicleCompareRvInfo.vue?vue&type=style&index=0&id=8a130884&scoped=true&lang=scss 1218var vehicleCompareRvInfovue_type_style_index_0_id_8a130884_scoped_true_lang_scss = __webpack_require__(6619); 1219;// ./src/components/vehicleCompare/vehicleCompareRvInfo/vehicleCompareRvInfo.vue?vue&type=style&index=0&id=8a130884&scoped=true&lang=scss 1220 1221;// ./src/components/vehicleCompare/vehicleCompareRvInfo/vehicleCompareRvInfo.vue 1222 1223 1224 1225; 1226 1227 1228const vehicleCompareRvInfo_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(vehicleCompareRvInfovue_type_script_setup_true_lang_ts, [['__scopeId',"data-v-8a130884"]]) 1229 1230/* harmony default export */ const vehicleCompareRvInfo = (vehicleCompareRvInfo_exports_); 1231;// ./node_modules/ts-loader/index.js??clonedRuleSet-1!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/vehicleCompareDialog.vue?vue&type=script&setup=true&lang=ts 1232var vehicleCompareDialogvue_type_script_setup_true_lang_ts_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) { 1233 function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } 1234 return new (P || (P = Promise))(function (resolve, reject) { 1235 function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } 1236 function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } 1237 function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } 1238 step((generator = generator.apply(thisArg, _arguments || [])).next()); 1239 }); 1240}; 1241 1242 1243const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_1 = ["data-has-vehicles", "data-stellantis-ccode", "data-dotagging-item-id"]; 1244const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_2 = { class: "header" }; 1245const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_3 = { class: "header__actions-share" }; 1246const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_4 = { class: "header__container-close" }; 1247const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_5 = ["aria-label", "title"]; 1248const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_6 = { class: "compare-table" }; 1249const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_7 = { class: "compare-table__header" }; 1250const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_8 = { class: "compare-table__row compare-table__row--header" }; 1251const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_9 = {
1251key: 0 }; 1252const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_10 = { 1253 key: 0, 1254 class: "compare-table__loading" 1255}; 1256const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_11 = { 1257 key: 1, 1258 class: "header-cell cell-contents cell-contents--header" 1259}; 1260const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_12 = ["srcset"]; 1261const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_13 = ["srcset"]; 1262const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_14 = ["src", "data-dotagging-image-provider"]; 1263const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_15 = ["aria-label", "title", "onClick", "onKeydown"]; 1264const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_16 = { class: "compare-table__body compare-table__body--price" }; 1265const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_17 = { class: "compare-table__row compare-table__row--body" }; 1266const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_18 = { key: 0 }; 1267const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_19 = { 1268 key: 0, 1269 class: "price-cell cell-contents cell-contents--price" 1270}; 1271const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_20 = { 1272 key: 0, 1273 class: "price-cell__amount" 1274}; 1275const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_21 = { 1276 key: 1, 1277 class: "price-cell__label" 1278}; 1279const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_22 = { class: "compare-table__body compare-table__body--details" }; 1280const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_23 = { class: "compare-table__row compare-table__row--body" }; 1281const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_24 = { 1282 key: 0, 1283 class: "specs-data" 1284}; 1285const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_25 = { 1286 key: 0,
1287 class: "specs-cell cell-contents cell-contents--details" 1288}; 1289const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_26 = { key: 0 }; 1290const vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_27 = ["innerHTML"]; 1291const _hoisted_28 = { 1292 key: 3, 1293 class: "cell-contents__empty" 1294}; 1295const _hoisted_29 = { class: "cell-contents__empty-text" }; 1296const _hoisted_30 = { class: "compare-table__row compare-table__row--body" }; 1297const _hoisted_31 = { key: 0 }; 1298const _hoisted_32 = { 1299 key: 0, 1300 class: "highlights-cell cell-contents cell-contents--details" 1301}; 1302const _hoisted_33 = ["aria-controls", "data-dotagging-item_id"]; 1303const _hoisted_34 = { class: "compare-table__row compare-table__row--body" }; 1304const _hoisted_35 = { key: 0 }; 1305const _hoisted_36 = { 1306 key: 0, 1307 class: "comments-cell cell-contents cell-contents--details" 1308}; 1309const _hoisted_37 = ["innerHTML", "id", "data-vehicle-compare-vin"]; 1310const _hoisted_38 = ["data-vehicle-compare-vin", "aria-expanded", "aria-controls", "data-dotagging-item-id"]; 1311const _hoisted_39 = { class: "comments-cell__vdp-button-container" }; 1312const _hoisted_40 = ["href", "data-dotagging-item-id", "data-dotagging-item-price", "data-dotagging-item-year", "data-dotagging-item-make", "data-dotagging-item-model", "data-dotagging-item-variant", "data-dotagging-item-condition", "data-dotagging-item-number", "data-dotagging-item-color", "data-dotagging-item-fuel-type", "data-dotagging-item-inventory-date", "data-dotagging-item-type"]; 1313const _hoisted_41 = { class: "add-vehicles" }; 1314const _hoisted_42 = { 1315 key: 0, 1316 class: "add-vehicles__label" 1317}; 1318const _hoisted_43 = { 1319 key: 1, 1320 class: "add-vehicles__label" 1321}; 1322const _hoisted_44 = { class: "scrolling-control scrolling-control--previous" }; 1323const _hoisted_45 = ["aria-label", "title"]; 1324const _hoisted_46 = { class: "scrolling-control scrolling-control--next" }; 1325const _hoisted_47 = ["aria-label", "title"]; 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342/* harmony default export */ const vehicleCompareDialogvue_type_script_setup_true_lang_ts = (/*@__PURE__*/(0,vue_runtime_esm_browser_prod/* defineComponent */.pM)({ 1343 __name: 'vehicleCompareDialog', 1344 setup(__props) { 1345 const globalStore = (0,cosmosSrp_globalStore/* useGlobalStore */.o)(); 1346 /* Data properties */ 1347 const toggleService = (0,vue_runtime_esm_browser_prod/* inject */.WQ)(types/* PROVIDERS */.x.ToggleService); 1348 const translationService = (0,vue_runtime_esm_browser_prod/* inject */.WQ)(types/* PROVIDERS */.x.TranslationService); 1349 const vehicleService = (0,vue_runtime_esm_browser_prod/* inject */.WQ)(types/* PROVIDERS */.x.VehicleService); 1350 const isRvIndustry = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => globalStore.getIndustry == industry/* Industry */.j.RecreationalVehicles); 1351 const compareModalDescription = (0,vue_runtime_esm_browser_prod/* ref */.KR)(null); 1352 const display = (0,vue_runtime_esm_browser_prod/* ref */.KR)(false); 1353 let maxVehiclesToCompare = 5; 1354 let vehicleHighlightsPartialCount = 4; 1355 const commentsExpanded = (0,vue_runtime_esm_browser_prod/* ref */.KR)(false); 1356 const highlightsExpanded = (0,vue_runtime_esm_browser_prod/* ref */.KR)(false); 1357 let seeMoreBtnLabel = ""; 1358 let seeLessBtnLabel = ""; 1359 const numberOfMissingVehicles = (0,vue_runtime_esm_browser_prod/* ref */.KR)(0); 1360 const DO35873 = toggleService.getToggleStatus(toggles_toggleService/* Toggle */.lM.DO35873); 1361 const vehicleList = (0,vue_runtime_esm_browser_prod/* ref */.KR)(new Array()); 1362 const compareMain = (0,vue_runtime_esm_browser_prod/* ref */.KR)(); 1363 const scrollArrowContainer = (0,vue_runtime_esm_browser_prod/* ref */.KR)(); 1364 const url = new URL(window.location.href); 1365 let isVehicleCompare = url.searchParams.get("isVehicleCompare") == "true"; 1366 const shareVehicleVins = url.searchParams.get("shareVehicleVins"); 1367 let shareCompareExit = isVehicleCompare; 1368 const scrollPrevBtn = (0,vue_runtime_esm_browser_prod/* ref */.KR)(); 1369 const scrollNextBtn = (0,vue_runtime_esm_browser_prod/* ref */.KR)(); 1370 const addVehicles = (0,vue_runtime_esm_browser_prod/* ref */.KR)(); 1371 const commentsCellExpand = (0,vue_runtime_esm_browser_prod/* ref */.KR)([]); 1372 const commentsCellText = (0,vue_runtime_esm_browser_prod/* ref */.KR)([]); 1373 /* Computed properties */ 1374 const hasVehicles = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => (vehicleList.value.length > 0).toString()); 1375 const hasFewerThanMaxVehicles = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => { 1376 return vehicleList.value.length < maxVehiclesToCompare; 1377 }); 1378 const vehiclesWithManyHighlights = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => { 1379 return vehicleList.value.filter((vehicle) => vehicle.VehicleHighlights.length > vehicleHighlightsPartialCount); 1380 }); 1381 const currentVehicleVins = (0,vue_runtime_esm_browser_prod/* computed */.EW)(() => { 1382 return vehicleList.value.map((vehicle) => vehicle.Vin); 1383 }); 1384 (0,vue_runtime_esm_browser_prod/* onBeforeMount */.KC)(() => { 1385 setupShareCompare(); 1386 }); 1387 (0,vue_runtime_esm_browser_prod/* onMounted */.sV)(() => { 1388 initialize(); 1389 }); 1390 (0,vue_runtime_esm_browser_prod/* onUpdated */.$u)(() => { 1391 (0,vue_runtime_esm_browser_prod/* nextTick */.dY)(() => { 1392 // @ts-ignore 1393 window.DealerOnTrack.setupDynamicElements(); 1394 }); 1395 }); 1396 /* Methods */ 1397 function initialize() { 1398 setupEvents(); 1399 loadVehiclesFromSessionStorage(); 1400 seeMoreBtnLabel = translate("SEE_MORE"); 1401 seeLessBtnLabel = translate("SEE_LESS"); 1402 } 1403 function translate(item) { 1404 return translationService.getLabel(item); 1405 } 1406 function setupShareCompare() { 1407 if (shareVehicleVins != null && isVehicleCompare) { 1408 const vins = shareVehicleVins.split(","); 1409 clearAllVehicles(); 1410 for (const vin of vins) { 1411 addVehicle(vin); 1412 } 1413 } 1414 if (isVehicleCompare) { 1415 open(); 1416 } 1417 } 1418 function vehicleAvailable(vin) { 1419 return !vin.includes("Not Found"); 1420 } 1421 function hasPrice(price) { 1422 return parseInt(price) > 0; 1423 } 1424 function toggleShowAllHighlights() { 1425 highlightsExpanded.value = !highlightsExpanded.value; 1426 for (let vehicle of vehiclesWithManyHighlights.value) { 1427 if (highlightsExpanded.value) { 1428 vehicle.HighlightsCount = vehicle.VehicleHighlights.length; 1429 } 1430 else { 1431 vehicle.HighlightsCount = getVehicleHighlightsCount(vehicle); 1432 } 1433 } 1434 } 1435 function vdpUrl(vin) { 1436 var _a; 1437 const vehicle = getVehicle(vin); 1438 const url = (_a = vehicle === null || vehicle === void 0 ? void 0 : vehicle.VdpUrl) !== null && _a !== void 0 ? _a : ""; 1439 return url; 1440 } 1441 function vehicleTitle(vin) { 1442 const vehicle = getVehicle(vin); 1443 return `${vehicle.Year} ${vehicle.Make} ${vehicle.Model} ${vehicle.Trim}`; 1444 } 1445 function imageSize992(photo) { 1446 return `${photo}?width=992`; 1447 } 1448 function imageSize1500(photo) { 1449 return `${photo}?width=1500`; 1450 } 1451 function loadVehiclesFromSessionStorage() { 1452 const vehiclesString = sessionStorage.getItem("vehicleCompareVehicles"); 1453 if (vehiclesString) { 1454 const vehicles = JSON.parse(vehiclesString); 1455 for (const vehicle of vehicles) { 1456 vehicle.HighlightsCount = getVehicleHighlightsCount(vehicle); 1457 if (canAddVehicle(vehicle.Vin)) { 1458 vehicleList.value.push(vehicle); 1459 } 1460 toggleCheckboxes(vehicle.Vin, true); 1461 } 1462 } 1463 } 1464 function checkVehicleSessionStorage() { 1465 const vehiclesString = sessionStorage.getItem("vehicleCompareVehicles"); 1466 //if we have vehicles in session storage, handle the button display state 1467 if (vehiclesString) { 1468 toggleButtonDisplay(); 1469 } 1470 } 1471 function updateSessionStorage() { 1472 const vehicles = vehicleList.value.filter((vehicle) => !vehicle.isLoading); 1473 sessionStorage.setItem("vehicleCompareVehicles", JSON.stringify(vehicles)); 1474 } 1475 function getVehicle(vin) { 1476 const vehicle = vehicleList.value.find((v) => v.Vin === vin); 1477 if (!vehicle) { 1478 return new CompareVehicle(); 1479 } 1480 return vehicle; 1481 } 1482 function toggleVehicle(event, vin) { 1483 if (getVehicle(vin).Vin) { 1484 removeVehicle(vin); 1485 } 1486 else { 1487 addVehicle(vin); 1488 } 1489 } 1490 function toggleCheckboxes(vin, checked) { 1491 document.dispatchEvent(new CustomEvent(customEvents/* CosmosSrpCustomEvents */.A.VehicleC
1491ompareCheckboxToggle, { 1492 detail: { 1493 vin: vin, 1494 checked: checked, 1495 }, 1496 })); 1497 } 1498 function canAddVehicle(vin) { 1499 return vehicleList.value.length < maxVehiclesToCompare && !vehicleList.value.find(vehicle => vehicle.Vin === vin); 1500 } 1501 function addVehicle(vin) { 1502 if (canAddVehicle(vin)) { 1503 const vehicle = new CompareVehicle(); 1504 vehicle.Vin = vin; 1505 vehicle.isLoading = true; 1506 vehicleList.value.push(vehicle); 1507 toggleCheckboxes(vin, true); 1508 getVehicleData(vin, (noErrorWithVin) => { 1509 vehicle.isLoading = false; 1510 if (!noErrorWithVin) { 1511 const index = vehicleList.value.findIndex((v) => v.Vin === vin); 1512 if (index >= 0) { 1513 vehicleList.value.splice(index, 1); 1514 } 1515 numberOfMissingVehicles.value++; 1516 } 1517 }); 1518 } 1519 const seeMoreLessBtnElements = document.querySelectorAll(".comments-cell__expand"); 1520 seeMoreLessBtnElements.forEach((btn) => { 1521 const btnElem = btn; 1522 btnElem.style.display = elementHasOverflow(btnElem) ? "block" : "none"; 1523 }); 1524 } 1525 function removeVehicle(vin) { 1526 const vinIndex = vehicleList.value.findIndex((vehicle) => vehicle.Vin === vin); 1527 if (vinIndex >= 0) { 1528 /* remove it from the vehicle list */ 1529 vehicleList.value.splice(vinIndex, 1); 1530 /* uncheck the checkbox if it's available */ 1531 toggleCheckboxes(vin, false); 1532 updateSessionStorage(); 1533 (0,vue_runtime_esm_browser_prod/* nextTick */.dY)(() => { 1534 hideShowScrollArrows(); 1535 hideShowVehicleCommentsSeeMoreBtn(); 1536 }); 1537 } 1538 } 1539 function toggleScrollButton(event) { 1540 const hiddenClass = "hidden"; 1541 const activeButton = event.target; 1542 vehicleListArrowScroll(activeButton === scrollNextBtn.value); 1543 scrollPrevBtn.value.classList.toggle(hiddenClass); 1544 scrollNextBtn.value.classList.toggle(hiddenClass); 1545 } 1546 function vehicleListArrowScroll(isNextBtn) { 1547 const vehicleList = compareMain.value; 1548 const widerThanWindow = window.innerWidth + 100; 1549 if (isNextBtn) { 1550 vehicleList.scrollLeft = widerThanWindow; 1551 } 1552 else { 1553 vehicleList.scrollLeft = 0; 1554 } 1555 } 1556 function hideShowScrollArrows() { 1557 /* Show scroll arrows if number of vehicles creates overflow. */ 1558 const overflowElement = compareMain.value; 1559 const scrollArrowContainerElem = scrollArrowContainer.value; 1560 const scrollByHeight = false; 1561 const backToSearchContainer = addVehicles.value; 1562 const backTosearchContainerDisplayed = backToSearchContainer 1563 ? elementIsInView(backToSearchContainer) 1564 : false; 1565 const showScrollArrows = backTosearchContainerDisplayed 1566 ? false 1567 : elementHasOverflow(overflowElement, scrollByHeight); 1568 showScrollArrows 1569 ? scrollArrowContainerElem === null || scrollArrowContainerElem === void 0 ? void 0 : scrollArrowContainerElem.classList.remove("hidden") 1570 : scrollArrowContainerElem === null || scrollArrowContainerElem === void 0 ? void 0 : scrollArrowContainerElem.classList.add("hidden"); 1571 } 1572 function getVehicleData(vin, callback) { 1573 var _a; 1574 return vehicleCompareDialogvue_type_script_setup_true_lang_ts_awaiter(this, void 0, void 0, function* () { 1575 // @ts-ignore 1576 var problemLoadingVin = true; 1577 var dealerId = window.DlronGlobal_DealerId; 1578 const vehicleJson = yield vehicleService.getCompareVehicle(dealerId, vin); 1579 if (vehicleJson.length > 0) { 1580 const vehicle = Object.assign(new CompareVehicle(), vehicleJson[0]); 1581 vehicle.Price = ((_a = vehicle.Price) !== null && _a !== void 0 ? _a : "").toLocaleStr
1581ing(); 1582 vehicle.HighlightsCount = getVehicleHighlightsCount(vehicle); 1583 const index = vehicleList.value.findIndex((v) => v.Vin === vehicle.Vin); 1584 if (index >= 0) { 1585 vehicleList.value.splice(index, 1, vehicle); 1586 updateSessionStorage(); 1587 } 1588 (0,vue_runtime_esm_browser_prod/* nextTick */.dY)(() => { 1589 hideShowVehicleCommentsSeeMoreBtn(); 1590 }); 1591 } 1592 else { 1593 problemLoadingVin = false; 1594 console.error(`VIN ${vin} not found.`); 1595 } 1596 callback(problemLoadingVin); 1597 }); 1598 } 1599 function toggleButtonDisplay() { 1600 document.dispatchEvent(new CustomEvent(customEvents/* CosmosSrpCustomEvents */.A.VehicleCompareButtonDisplay, { 1601 detail: { 1602 compareVehicleCount: vehicleList.value.length, 1603 maxVehiclesToCompare: maxVehiclesToCompare, 1604 }, 1605 })); 1606 } 1607 function clearAllVehicles() { 1608 //clear the vehicles 1609 vehicleList.value.splice(0); 1610 document.dispatchEvent(new CustomEvent(customEvents/* CosmosSrpCustomEvents */.A.VehicleCompareCheckboxToggle, { 1611 detail: { 1612 checked: false, 1613 }, 1614 })); 1615 updateSessionStorage(); 1616 } 1617 function toggleShowFullComments() { 1618 commentsExpanded.value = !commentsExpanded.value; 1619 } 1620 function getExpandButtonText(expanded) { 1621 const buttonText = expanded ? seeLessBtnLabel : seeMoreBtnLabel; 1622 return buttonText; 1623 } 1624 function hideShowVehicleCommentsSeeMoreBtn() { 1625 commentsCellExpand.value.forEach(item => { 1626 const btn = item; 1627 const vin = btn.dataset.vehicleCompareVin; 1628 const commentsBlock = commentsCellText.value.find(elem => elem.dataset.vehicleCompareVin === vin); 1629 if (commentsBlock) { 1630 btn.style.display = elementHasOverflow(commentsBlock) 1631 ? "block" 1632 : "none"; 1633 } 1634 else { 1635 btn.style.display = "none"; 1636 } 1637 }); 1638 } 1639 function removeShareCompareVehicles() { 1640 clearAllVehicles(); 1641 shareCompareExit = false; 1642 } 1643 function elementHasOverflow(overflowElement, scrollByHeight = true) { 1644 if (!overflowElement) 1645 return false; 1646 const hasOverflow = scrollByHeight 1647 ? overflowElement.scrollHeight > overflowElement.clientHeight 1648 : overflowElement.scrollWidth > overflowElement.clientWidth; 1649 return hasOverflow; 1650 } 1651 function elementIsInView(element) { 1652 if (!element) 1653 return false; 1654 const box = element.getBoundingClientRect(); 1655 return (box.top < window.innerHeight && 1656 box.bottom >= 0 && 1657 box.right <= window.innerWidth && 1658 box.left >= 0); 1659 } 1660 function open() { 1661 display.value = true; 1662 (0,vue_runtime_esm_browser_prod/* nextTick */.dY)(() => { 1663 var _a; 1664 (_a = compareModalDescription === null || compareModalDescription === void 0 ? void 0 : compareModalDescription.value) === null || _a === void 0 ? void 0 : _a.focus(); 1665 if (DO35873) { 1666 initCardScrolling(); 1667 } 1668 }); 1669 } 1670 function close() { 1671 if (shareCompareExit) { 1672 removeShareCompareVehicles(); 1673 } 1674 display.value = false; 1675 } 1676 function setupEvents() { 1677 document.addEventListener(customEvents/* CosmosSrpCustomEvents */.A.VehicleLoadEnd, () => { 1678 checkVehicleSessionStorage(); 1679 }); 1680 //handle vehicle compare button click 1681 document.addEventListener(customEvents/* CosmosSrpCustomEvents */.A.VehicleC
1681ompareButtonClick, () => open()); 1682 //handle vehicle compare checkbox change 1683 document.addEventListener(customEvents/* CosmosSrpCustomEvents */.A.VehicleCompareCheckboxChange, handleVehicleCompareCheckbox); 1684 //handle a request to get the vehicle count 1685 document.addEventListener(customEvents/* CosmosSrpCustomEvents */.A.VehicleCompareCountRequest, () => { 1686 document.dispatchEvent(new CustomEvent(customEvents/* CosmosSrpCustomEvents */.A.VehicleCompareCountResponse, { 1687 detail: { 1688 compareVehicleCount: vehicleList.value.length, 1689 } 1690 })); 1691 }); 1692 } 1693 // Function to handle the custom event 1694 function handleVehicleCompareCheckbox(event) { 1695 // Access the details from the event 1696 const { vin, checkboxEvent } = event.detail; 1697 if (vin) { 1698 toggleVehicle(checkboxEvent, vin); 1699 } 1700 else { 1701 console.error("VIN not found."); 1702 const checkBox = event.currentTarget; 1703 checkBox.checked = false; 1704 } 1705 } 1706 /* Watchers */ 1707 (0,vue_runtime_esm_browser_prod/* watch */.wB)(vehicleList, toggleButtonDisplay, { deep: true }); 1708 (0,vue_runtime_esm_browser_prod/* watch */.wB)(display, displayWatchHandler); 1709 function displayWatchHandler() { 1710 /* Hide/Show scroll arrows if there is overflow. */ 1711 const scrollArrowContainerObserver = new ResizeObserver_es/* default */.A(() => { 1712 hideShowScrollArrows(); 1713 }); 1714 if (display.value) { 1715 document.body.style.top = `-${window.scrollY}px`; 1716 document.body.style.position = "fixed"; 1717 (0,vue_runtime_esm_browser_prod/* nextTick */.dY)(() => { 1718 hideShowVehicleCommentsSeeMoreBtn(); 1719 scrollArrowContainerObserver.observe(compareMain.value); 1720 }); 1721 } 1722 else { 1723 const scrollY = document.body.style.top; 1724 document.body.style.position = ""; 1725 document.body.style.top = ""; 1726 window.scrollTo(0, parseInt(scrollY || "0") * -1); 1727 scrollArrowContainerObserver.disconnect(); 1728 } 1729 } 1730 function getVehicleHighlightsCount(vehicle) { 1731 return vehicle.VehicleHighlights.length < vehicleHighlightsPartialCount ? vehicle.VehicleHighlights.length : vehicleHighlightsPartialCount; 1732 } 1733 function setupLegacyButtons() { 1734 const legacyButtons = document.querySelectorAll(".vehicle-compare-button-container"); 1735 for (const legacyButton of legacyButtons) { 1736 // these events are modified copies of what exists in VehicleCompareButton.vue. Any changes there 1737 // need to be updated here, too 1738 const compareCheckboxes = legacyButton.querySelectorAll(`[data-vehicle-compare-checkbox]`); 1739 for (const compareCheckbox of compareCheckboxes) { 1740 //listen for the vehicle compare checkbox toggle event 1741 document.addEventListener(customEvents/* CosmosSrpCustomEvents */.A.VehicleCompareCheckboxToggle, (event) => { 1742 const { vin, checked } = event.detail; 1743 const compareVin = compareCheckbox.dataset.vehicleCompareVin; 1744 //if we don't have a vin then this event is for all of the buttons (like a clear all vehicle event) 1745 if (!vin || vin === compareVin) { 1746 if (compareCheckbox) { 1747 compareCheckbox.checked = checked; 1748 } 1749 //request and update of the vehicle count 1750 document.dispatchEvent(new CustomEvent(customEvents/* CosmosSrpCustomEvents */.A.VehicleCompareCountRequest)); 1751 } 1752 }); 1753 //when the state of a vehicle compare checkbox changes fire an event 1754 compareCheckbox.addEventListener("change", (event) => { 1755 document.dispatchEvent(new CustomEvent(customEvents/* CosmosSrpCustomEvents */.A.VehicleC
1755ompareCheckboxChange, { 1756 detail: { 1757 vin: compareCheckbox.dataset.vehicleCompareVin, 1758 checkboxEvent: event 1759 } 1760 })); 1761 }); 1762 } 1763 //dispatch an event when the vehicle compare button is clicked to open the modal 1764 const compareButtons = legacyButton.querySelectorAll(`[data-vehicle-compare-button]`); 1765 for (const compareButton of compareButtons) { 1766 compareButton.addEventListener("click", () => { 1767 //dispatch a click event when button is clicked 1768 document.dispatchEvent(new CustomEvent(customEvents/* CosmosSrpCustomEvents */.A.VehicleCompareButtonClick)); 1769 }); 1770 } 1771 //hide and show the labels/buttons for adding more vehicles or showing the compare modal 1772 document.addEventListener(customEvents/* CosmosSrpCustomEvents */.A.VehicleCompareCountResponse, (event) => { 1773 const { compareVehicleCount } = event.detail; 1774 const compareLabels = document.querySelectorAll("[data-vehicle-compare-label]"); 1775 for (const label of compareLabels) { 1776 if (compareVehicleCount === 1) { 1777 label.classList.remove("hidden"); 1778 } 1779 else { 1780 label.classList.add("hidden"); 1781 } 1782 } 1783 const compareButton = document.querySelectorAll("[data-vehicle-compare-button]"); 1784 for (const button of compareButton) { 1785 if (compareVehicleCount > 1) { 1786 button.classList.remove("hidden"); 1787 } 1788 else { 1789 button.classList.add("hidden"); 1790 } 1791 } 1792 }); 1793 } 1794 //request an update to vehicle count 1795 document.dispatchEvent(new CustomEvent(customEvents/* CosmosSrpCustomEvents */.A.VehicleCompareCountRequest)); 1796 } 1797 function getVehicleTitleModel(vehicle) { 1798 var _a, _b, _c; 1799 const titleModel = new VehicleCompareTitleModel(); 1800 titleModel.BodyStyle = vehicle.BodyStyle; 1801 titleModel.Brand = (_a = vehicle.RvCompareInfoModel) === null || _a === void 0 ? void 0 : _a.Brand; 1802 titleModel.Condition = vehicle.Condition; 1803 titleModel.ExtColor = vehicle.ExtColor; 1804 titleModel.FuelType = vehicle.FuelType; 1805 titleModel.InventoryDate = vehicle.InventoryDate; 1806 titleModel.Make = vehicle.Make; 1807 titleModel.Manufacturer = (_b = vehicle.RvCompareInfoModel) === null || _b === void 0 ? void 0 : _b.Manufacturer; 1808 titleModel.Model = vehicle.Model; 1809 titleModel.ModelName = (_c = vehicle.RvCompareInfoModel) === null || _c === void 0 ? void 0 : _c.ModelName; 1810 titleModel.Price = vehicle.Price; 1811 titleModel.StockNum = vehicle.StockNum; 1812 titleModel.Trim = vehicle.Trim; 1813 titleModel.VdpUrl = vehicle.VdpUrl; 1814 titleModel.Vin = vehicle.Vin; 1815 titleModel.Year = vehicle.Year; 1816 titleModel.TaggingItemType = vehicle.TaggingItemType; 1817 return titleModel; 1818 } 1819 return (_ctx, _cache) => { 1820 return (display.value) 1821 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("dialog", { 1822 key: 0, 1823 class: "vehicle-compare-container vehicle-compare-container--dialog", 1824 "data-has-vehicles": hasVehicles.value, 1825 "data-vehicle-information": "", 1826 "data-stellantis-ccode": vehicleList.value.some(v => v.StellantisCode) ? vehicleList.value.filter(v => v.StellantisCode).map(v => v.StellantisCode).join(',') : undefined, 1827 onKeydown: _cache[10] || (_cache[10] = (0,vue_runtime_esm_browser_prod/* withKeys */.jR)(($event) => (close()), ["escape"])), 1828 role: "dialog", 1829 "data-dotagging-product-name": "SRP2.0|Compare", 1830 "data-dotagging-item-id": vehicleList.value.map(vehicle => vehicle.Vin).join(',') 1831 }, [ 1832 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("header", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_2, [ 1833 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("h1", { 1834 class: "header__title", 1835 id: "compareModalDescription", 1836 ref_key: "compareModalDescription", 1837 ref: compareModalDescription, 1838 tabindex: "-1" 1839 }, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(translate("COMPARE_YOUR_VEHICLES")), 513 /* TEXT, NEED_PATCH */), 1840 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("button", { 1841 class: "header__actions-clear text-cta stat-button-link", 1842 "data-loc": "compare your vehicles", 1843 onClick: _cache[0] || (_cache[0] = ($event) => (clearAllVehicles())), 1844 onKeydown: _cache[1] || (_cache[1] = (0,vue_runtime_esm_browser_prod/* withKeys */.jR)(($event) => (clearAllVehicles()), ["space"])), 1845 type: "button",
1846 "data-dotagging-event": "element_configuration", 1847 "data-dotagging-event-action": "click", 1848 "data-dotagging-event-action-result": "clear", 1849 "data-dotagging-element-state": "active", 1850 "data-dotagging-element-position": "top_right", 1851 "data-dotagging-element-title": "SRP - Compare Vehicle - Clear All", 1852 "data-dotagging-element-order": "1", 1853 "data-dotagging-element-type": "popup", 1854 "data-dotagging-element-subtype": "cta_button" 1855 }, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(translate("CLEAR_ALL")), 33 /* TEXT, NEED_HYDRATION */), 1856 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_3, [ 1857 (0,vue_runtime_esm_browser_prod/* createVNode */.bF)(shareDropdown, { vehicleVins: currentVehicleVins.value }, null, 8 /* PROPS */, ["vehicleVins"]) 1858 ]), 1859 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_4, [ 1860 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("button", { 1861 class: "header__actions-close stat-button-close", 1862 "data-loc": "compare your vehicles", 1863 onClick: _cache[2] || (_cache[2] = ($event) => (close())), 1864 onKeydown: _cache[3] || (_cache[3] = (0,vue_runtime_esm_browser_prod/* withKeys */.jR)(($event) => (close()), ["space"])), 1865 role: "button", 1866 "aria-label": translate('CLOSE_VEHICLE_COMPARISON'), 1867 title: translate('CLOSE_VEHICLE_COMPARISON'), 1868 type: "button", 1869 "data-dotagging-event": "cta_interaction", 1870 "data-dotagging-event-action": "click", 1871 "data-dotagging-event-action-result": "close", 1872 "data-dotagging-element-order": 2, 1873 "data-dotagging-element-type": "popup", 1874 "data-dotagging-element-subtype": "cta_button" 1875 }, _cache[11] || (_cache[11] = [ 1876 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("i", { 1877 class: "header__actions-close-icon fa fa-times custom-dealer-styling__close--black", 1878 "aria-hidden": "true" 1879 }, null, -1 /* HOISTED */) 1880 ]), 40 /* PROPS, NEED_HYDRATION */, vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_5) 1881 ]) 1882 ]), 1883 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", { 1884 class: (0,vue_runtime_esm_browser_prod/* normalizeClass */.C4)(["vehicle-compare__main", { 1885 'vehicle-compare__main--no-vehicles': vehicleList.value.length === 0, 1886 }]), 1887 ref_key: "compareMain", 1888 ref: compareMain 1889 }, [ 1890 (vehicleList.value.length > 0) 1891 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", { 1892 key: 0, 1893 class: (0,vue_runtime_esm_browser_prod/* normalizeClass */.C4)(["vehicle-compare__table", `vehicle-compare__table--${vehicleList.value.length}-col`]) 1894 }, [ 1895 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("table", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_6, [ 1896 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("thead", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_7, [ 1897 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("tr", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_8, [ 1898 ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(true), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)(vue_runtime_esm_browser_prod/* Fragment */.FK, null, (0,vue_runtime_esm_browser_prod/* renderList */.pI)(vehicleList.value, (vehicle) => { 1899 var _a; 1900 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("th", { 1901 scope: "col", 1902 class: "compare-table__cell compare-table__cell--header", 1903 key: `header-${vehicle.Vin}` 1904 }, [ 1905 (vehicleAvailable(vehicle.Vin)) 1906 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_9, [ 1907 (vehicle.isLoading) 1908 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_10, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(translate("LOADING_VEHICLE")), 1 /* TEXT */)) 1909 : ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_11, [ 1910 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("picture", null, [ 1911 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("source", { 1912 media: "(max-width: 991px)", 1913 srcset: imageSize992(vehicle.Photo) 1914 }, null, 8 /* PROPS */, vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_12), 1915 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("source", { 1916 media: "(min-width: 992px)", 1917 srcset: imageSize1500(vehicle.Photo) 1918 }, null, 8 /* PROPS */, vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_13), 1919 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("img", { 1920 class: "header-cell__image", 1921 src: imageSize1500(vehicle.Photo), 1922 alt: "", 1923 loading: "eager", 1924 "data-dotagging-image-provider": (_a = vehicle.ImageProvider) !== null && _a !== void 0 ? _a : '' 1925 }, null, 8 /* PROPS */, vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_14) 1926 ]), 1927 (0,vue_runtime_esm_browser_prod/* createVNode */.bF)(vehicleCompareTitle, { 1928 model: getVehicleTitleModel(vehicle) 1929 }, null, 8 /* PROPS */, ["model"]), 1930 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("button", { 1931 class: "header-cell__close btn stat-button-close", 1932 "data-loc": "compare your vehicles", 1933 "aria-label": translate('REMOVE_THIS_VEHICLE'), 1934 title: translate('REMOVE_THIS_VEHICLE'), 1935 type: "button", 1936 onClick: ($event) => (toggleVehicle($event, vehicle.Vin)), 1937 onKeydown: (0,vue_runtime_esm_browser_prod/* withKeys */.jR)(($event) => (toggleVehicle($event, vehicle.Vin)), ["space"]), 1938 "data-dotagging-event": "element_c
1938onfiguration", 1939 "data-dotagging-event-action": "click", 1940 "data-dotagging-event-action-result": "close", 1941 "data-dotagging-element-state": "active", 1942 "data-dotagging-element-position": "top_right", 1943 "data-dotagging-element-title": "SRP - Compare Vehicle - Remove Vehicle", 1944 "data-dotagging-element-order": "2", 1945 "data-dotagging-element-type": "popup", 1946 "data-dotagging-element-subtype": "cta_button" 1947 }, _cache[12] || (_cache[12] = [ 1948 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("i", { 1949 class: "header-cell__close-icon fa fa-times-circle fa-lg custom-dealer-styling__close--white", 1950 "aria-hidden": "true" 1951 }, null, -1 /* HOISTED */) 1952 ]), 40 /* PROPS, NEED_HYDRATION */, vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_15) 1953 ])) 1954 ])) 1955 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 1956 ])); 1957 }), 128 /* KEYED_FRAGMENT */)) 1958 ]) 1959 ]), 1960 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("tbody", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_16, [ 1961 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("tr", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_17, [ 1962 ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(true), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)(vue_runtime_esm_browser_prod/* Fragment */.FK, null, (0,vue_runtime_esm_browser_prod/* renderList */.pI)(vehicleList.value, (vehicle) => { 1963 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("td", { 1964 key: `price-${vehicle.Vin}`, 1965 class: "compare-table__cell compare-table__cell--body compare-table__cell--price" 1966 }, [ 1967 (vehicleAvailable(vehicle.Vin)) 1968 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_18, [ 1969 (!vehicle.isLoading) 1970 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_19, [ 1971 (hasPrice(vehicle.Price)) 1972 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("p", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_20, "$" + (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(vehicle.Price), 1 /* TEXT */)) 1973 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 1974 (hasPrice(vehicle.Price)) 1975 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("p", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_21, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(translate("TOTAL_PRICE")), 1 /* TEXT */)) 1976 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 1977 ])) 1978 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 1979 ])) 1980 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 1981 ])); 1982 }), 128 /* KEYED_FRAGMENT */)) 1983 ]) 1984 ]), 1985 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("tbody", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_22, [ 1986 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("tr", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_23, [ 1987 ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(true), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)(vue_runtime_esm_browser_prod/* Fragment */.FK, null, (0,vue_runtime_esm_browser_prod/* renderList */.pI)(vehicleList.value, (vehicle) => { 1988 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("td", { 1989 key: `specs-${vehicle.Vin}`, 1990 class: "compare-table__cell compare-table__cell--body compare-table__cell--details compare-table__cell--specs" 1991 }, [ 1992 (vehicleAvailable(vehicle.Vin)) 1993 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_24, [ 1994 (!vehicle.isLoading) 1995 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_25, [ 1996 (isRvIndustry.value) 1997 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_26, [ 1998 (0,vue_runtime_esm_browser_prod/* createVNode */.bF)(vehicleCompareRvInfo, { model: vehicle }, null, 8 /* PROPS */, ["model"]) 1999 ])) 2000 : (vehicle.SpecsModel) 2001 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createBlock */.Wv)(vehicleCompareSpecs, { 2002 key: 1, 2003 model: vehicle.SpecsModel 2004 }, null, 8 /* PROPS */, ["model"])) 2005 : (vehicle.SpecsHtml) 2006 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", { 2007 key: 2, 2008 innerHTML: vehicle.SpecsHtml 2009 }, null, 8 /* PROPS */, vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_27)) 2010 : ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", _hoisted_28, [ 2011 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("span", _hoisted_29, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(translate("NO_VEHICLE_SPECS_AVAILABLE")), 1 /* TEXT */) 2012 ])) 2013 ])) 2014 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 2015 ])) 2016 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 2017 ])); 2018 }), 128 /* KEYED_FRAGMENT */)) 2019 ]), 2020 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("tr", _hoisted_30, [ 2021 ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(true), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)(vue_runtime_esm_browser_prod/* Fragment */.FK, null, (0,vue_runtime_esm_browser_prod/* renderList */.pI)(vehicleList.value, (vehicle) => { 2022 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("td", { 2023 key: `highlights-${vehicle.Vin}`, 2024 class: "compare-table__cell compare-table__cell--body compare-table__cell--details compare-table__cell--highlights" 2025 }, [ 2026 (vehicleAvailable(vehicle.Vin)) 2027 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", _hoisted_31, [ 2028 (!vehicle.isLoading) 2029 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", _hoisted_32, [ 2030 (isRvIndustry.value) 2031 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createBlock */.Wv)(vehicleCompareKeyFeatures, { 2032 key: 0, 2033 vehicle: vehicle 2034 }, null, 8 /* PROPS */, ["vehicle"])) 2035 : ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createBlock */.Wv)(vehicleCompareHighlights, { 2036 key: 1, 2037 vehicle: vehicle 2038 }, null, 8 /* PROPS */, ["vehicle"])), 2039 (vehicle.VehicleHighlights.length > 2040 (0,vue_runtime_esm_browser_prod/* unref */.R1)(vehicleHighlightsPartialCount)) 2041 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("button", { 2042 key: 2, 2043 class: "highlights-cell__expand text-cta stat-expand-icon", 2044 "data-loc": "compare your vehicles", 2045 onClick: _cache[4] || (_cache[4] = ($event) =>
2045 (toggleShowAllHighlights())), 2046 type: "button", 2047 "aria-controls": `vehicleHighlights-${vehicle.Vin}`, 2048 "data-dotagging-event": "element_configuration", 2049 "data-dotagging-event-action": "click", 2050 "data-dotagging-event-action-result": "calc", 2051 "data-dotagging-element-state": "active", 2052 "data-dotagging-element-position": "center_left", 2053 "data-dotagging-element-order": "2", 2054 "data-dotagging-element-type": "popup", 2055 "data-dotagging-element-subtype": "cta_button", 2056 "data-dotagging-item_id": vehicle.Vin 2057 }, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(getExpandButtonText(highlightsExpanded.value)), 9 /* TEXT, PROPS */, _hoisted_33)) 2058 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 2059 ])) 2060 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 2061 ])) 2062 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 2063 ])); 2064 }), 128 /* KEYED_FRAGMENT */)) 2065 ]), 2066 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("tr", _hoisted_34, [ 2067 ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(true), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)(vue_runtime_esm_browser_prod/* Fragment */.FK, null, (0,vue_runtime_esm_browser_prod/* renderList */.pI)(vehicleList.value, (vehicle) => { 2068 var _a, _b; 2069 return ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("td", { 2070 key: `comments-${vehicle.Vin}`, 2071 class: "compare-table__cell compare-table__cell--body compare-table__cell--details compare-table__cell--comments" 2072 }, [ 2073 (vehicleAvailable(vehicle.Vin)) 2074 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", _hoisted_35, [ 2075 (!vehicle.isLoading) 2076 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", _hoisted_36, [ 2077 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", { 2078 innerHTML: vehicle.Comments, 2079 id: `vehicleComments-${vehicle.Vin}`, 2080 class: (0,vue_runtime_esm_browser_prod/* normalizeClass */.C4)(["comments-cell__text", { 2081 'comments-cell__text--expanded': commentsExpanded.value, 2082 }]), 2083 ref_for: true, 2084 ref_key: "commentsCellText", 2085 ref: commentsCellText, 2086 "data-vehicle-compare-vin": vehicle.Vin 2087 }, null, 10 /* CLASS, PROPS */, _hoisted_37), 2088 ((_b = (_a = vehicle.Comments) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0 > 0) 2089 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("button", { 2090 key: 0, 2091 class: "comments-cell__expand text-cta stat-expand-icon", 2092 "data-loc": "compare your vehicles", 2093 onClick: _cache[5] || (_cache[5] = ($event) =>
2093 (toggleShowFullComments())), 2094 "data-vehicle-compare-vin": vehicle.Vin, 2095 "aria-expanded": commentsExpanded.value, 2096 "aria-controls": `vehicleComments-${vehicle.Vin}`, 2097 type: "button", 2098 ref_for: true, 2099 ref_key: "commentsCellExpand", 2100 ref: commentsCellExpand, 2101 "data-dotagging-event": "element_configuration", 2102 "data-dotagging-event-action": "click", 2103 "data-dotagging-event-action-result": "calc", 2104 "data-dotagging-element-state": "active", 2105 "data-dotagging-element-position": "center_left", 2106 "data-dotagging-element-order": "1", 2107 "data-dotagging-element-type": "popup", 2108 "data-dotagging-element-subtype": "cta_button", 2109 "data-dotagging-item-id": vehicle.Vin 2110 }, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(getExpandButtonText(commentsExpanded.value)), 9 /* TEXT, PROPS */, _hoisted_38)) 2111 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 2112 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", _hoisted_39, [ 2113 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("a", { 2114 class: "comments-cell__vdp-button btn btn-cta stat-button-link", 2115 "data-loc": "compare your vehicles", 2116 href: vdpUrl(vehicle.Vin), 2117 "data-dotagging-event": "cta_interaction", 2118 "data-dotagging-event-action": "click", 2119 "data-dotagging-event-action-result": "redirect", 2120 "data-dotagging-element-text": "More Details", 2121 "data-dotagging-element-order": "0", 2122 "data-dotagging-element-type": "popup", 2123 "data-dotagging-element-subtype": "hyperlink", 2124 "data-dotagging-item-id": vehicle.Vin, 2125 "data-dotagging-item-price": vehicle.Price, 2126 "data-dotagging-item-year": vehicle.Year, 2127 "data-dotagging-item-make": vehicle.Make, 2128 "data-dotagging-item-model": vehicle.Model, 2129 "data-dotagging-item-variant": vehicle.Trim, 2130 "data-dotagging-item-condition": vehicle.Condition, 2131 "data-dotagging-item-number": vehicle.StockNum, 2132 "data-dotagging-item-color": vehicle.ExtColor, 2133 "data-dotagging-item-category": "automotive", 2134 "data-dotagging-item-fuel-type": vehicle.FuelType, 2135 "data-dotagging-item-inventory-date": vehicle.InventoryDate, 2136 "data-dotagging-item-type": vehicle.TaggingItemType 2137 }, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(translate("MORE_DETAILS")), 9 /* TEXT, PROPS */, _hoisted_40) 2138 ]) 2139 ])) 2140 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 2141 ])) 2142 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 2143 ])); 2144 }), 128 /* KEYED_FRAGMENT */)) 2145 ]) 2146 ]) 2147 ]) 2148 ], 2 /* CLASS */)) 2149 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true), 2150 (hasFewerThanMaxVehicles.value) 2151 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("div", { 2152 key: 1, 2153 class: "vehicle-compare__add-vehicles", 2154 ref_key: "addVehicles", 2155 ref: addVehicles 2156 }, [ 2157 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", _hoisted_41, [ 2158 (numberOfMissingVehicles.value > 0) 2159 ? ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("p", _hoisted_42, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(translate("MISSING_INVENTORY")), 1 /* TEXT */)) 2160 : ((0,vue_runtime_esm_browser_prod/* openBlock */.uX)(), (0,vue_runtime_esm_browser_prod/* createElementBlock */.CE)("p", _hoisted_43, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(translate("ADD_VEHICLES_TO_COMPARE")), 1 /* TEXT */)), 2161 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("button", { 2162 class: "add-vehicles__back-button btn btn-lg btn-cta stat-button-link", 2163 "data-loc": "compare your vehicles", 2164 onClick: _cache[6] || (_cache[6] = ($event) => (close())), 2165 onKeydown: _cache[7] || (_cache[7] = (0,vue_runtime_esm_browser_prod/* withKeys */.jR)(($event) => (close()), ["space"])), 2166 type: "button", 2167 "data-dotagging-event": "cta_interaction", 2168 "data-dotagging-event-action": "click", 2169 "data-dotagging-event-action-result": "close", 2170 "data-dotagging-element-text": "Back to Search", 2171 "data-dotagging-element-order": "0", 2172 "data-dotagging-element-type": "popup", 2173 "data-dotagging-element-subtype": "cta_button" 2174 }, (0,vue_runtime_esm_browser_prod/* toDisplayString */.v_)(translate("BACK_TO_SEARCH")), 33 /* TEXT, NEED_HYDRATION */) 2175 ])
2176 ], 512 /* NEED_PATCH */)) 2177 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true) 2178 ], 2 /* CLASS */), 2179 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", { 2180 ref_key: "scrollArrowContainer", 2181 ref: scrollArrowContainer, 2182 class: "scrolling-controls" 2183 }, [ 2184 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", _hoisted_44, [ 2185 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("button", { 2186 class: "scrolling-control__btn scrolling-control__btn--previous hidden stat-arrow-prev", 2187 "data-loc": "compare your vehicles", 2188 onClick: _cache[8] || (_cache[8] = ($event) => (toggleScrollButton($event))), 2189 "aria-label": translate('SCROLL_BACKWARD'), 2190 title: translate('SCROLL_BACKWARD'), 2191 ref_key: "scrollPrevBtn", 2192 ref: scrollPrevBtn, 2193 type: "button" 2194 }, _cache[13] || (_cache[13] = [ 2195 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("i", { class: "fa fa-chevron-left custom-dealer-styling__chevron-left--white" }, null, -1 /* HOISTED */) 2196 ]), 8 /* PROPS */, _hoisted_45) 2197 ]), 2198 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("div", _hoisted_46, [ 2199 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("button", { 2200 class: "scrolling-control__btn scrolling-control__btn--next stat-arrow-next", 2201 "data-loc": "compare your vehicles", 2202 onClick: _cache[9] || (_cache[9] = ($event) => (toggleScrollButton($event))), 2203 "aria-label": translate('SCROLL_FORWARD'), 2204 title: translate('SCROLL_FORWARD'), 2205 ref_key: "scrollNextBtn", 2206 ref: scrollNextBtn, 2207 type: "button" 2208 }, _cache[14] || (_cache[14] = [ 2209 (0,vue_runtime_esm_browser_prod/* createElementVNode */.Lk)("i", { class: "fa fa-chevron-right custom-dealer-styling__chevron-right--white" }, null, -1 /* HOISTED */) 2210 ]), 8 /* PROPS */, _hoisted_47) 2211 ]) 2212 ], 512 /* NEED_PATCH */) 2213 ], 40 /* PROPS, NEED_HYDRATION */, vehicleCompareDialogvue_type_script_setup_true_lang_ts_hoisted_1)) 2214 : (0,vue_runtime_esm_browser_prod/* createCommentVNode */.Q3)("v-if", true); 2215 }; 2216 } 2217})); 2218 2219;// ./src/components/vehicleCompare/vehicleCompareDialog.vue?vue&type=script&setup=true&lang=ts 2220 2221// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-7.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/vehicleCompare/vehicleCompareDialog.vue?vue&type=style&index=0&id=1b958944&scoped=true&lang=scss 2222var vehicleCompareDialogvue_type_style_index_0_id_1b958944_scoped_true_lang_scss = __webpack_require__(2810); 2223;// ./src/components/vehicleCompare/vehicleCompareDialog.vue?vue&type=style&index=0&id=1b958944&scoped=true&lang=scss 2224 2225;// ./src/components/vehicleCompare/vehicleCompareDialog.vue 2226 2227 2228 2229; 2230 2231 2232const vehicleCompareDialog_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(vehicleCompareDialogvue_type_script_setup_true_lang_ts, [['__scopeId',"data-v-1b958944"]]) 2233 2234/* harmony default export */ const vehicleCompareDialog = (vehicleCompareDialog_exports_); 2235// EXTERNAL MODULE: ./src/services/translations/translationService.ts + 4 modules 2236var translations_translationService = __webpack_require__(9); 2237// EXTERNAL MODULE: ./src/services/translations/defaultTranslationFetcher.ts 2238var defaultTranslationFetcher = __webpack_require__(8102); 2239// EXTERNAL MODULE: ./src/services/toggles/toggleFetcher.ts 2240var toggles_toggleFetcher = __webpack_require__(5141); 2241// EXTERNAL MODULE: ./src/services/vehicleService/vehicleService.ts 2242var vehicleService_vehicleService = __webpack_require__(2283); 2243;// ./src/components/vehicleCompare/vehicleCompareComponent.ts 2244var vehicleCompareComponent_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) { 2245 function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); } 2246 return new (P || (P = Promise))(function (resolve, reject) { 2247 function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } } 2248 function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } } 2249 function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } 2250 step((generator = generator.apply(thisArg, _arguments || [])).next()); 2251 }); 2252}; 2253 2254 2255 2256 2257 2258 2259 2260 2261//TODO: Convert this app so we can properly inject without 2262// having to new everything up. Look at using <component :is="componentName" /> 2263/* harmony default export */ const vehicleCompareComponent = ((() => vehicleCompareComponent_awaiter(void 0, void 0, void 0, function* () { 2264 const toggleFetcher = new toggles_toggleFetcher/* ToggleFetcher */.I(); 2265 const toggleService = new toggles_toggleService/* ToggleService */.gH(toggleFetcher); 2266 yield toggleService.initialize(); 2267 const app = (0,vue_runtime_esm_browser_prod/* createApp */.Ef)(vehicleCompareDialog); 2268 const translationFetcher = new defaultTranslationFetcher/* TranslationFetcher */.$(); 2269 const translationService = new translations_translationService/* TranslationService */.L(translationFetcher); 2270 yield translationService.initialize(true, false, true); 2271 const vehicleService = new vehicleService_vehicleService/* VehicleService */.K(); 2272 app.provide(types/* PROVIDERS */.x.TranslationService, translationService); 2273 app.provide(types/* PROVIDERS */.x.ToggleService, toggleService); 2274 app.provide(types/* PROVIDERS */.x.VehicleService, vehicleService); 2275 app.mount("#vehicleCompare"); 2276}))()); 2277 2278 2279/***/ }), 2280 2281/***/ 6619: 2282/***/ ((module, __unused_webpack_exports, __webpack_require__) => { 2283 2284// style-loader: Adds some css to the DOM by adding a <style> tag 2285 2286// load the styles
vendor: 10,871 bytes, lines 2287-2617
2287var content = __webpack_require__(6282); 2288if(content.__esModule) content = content.default; 2289if(typeof content === 'string') content = [[module.id, content, '']]; 2290if(content.locals) module.exports = content.locals; 2291// add the styles to the DOM 2292var add = (__webpack_require__(8449)/* ["default"] */ .A) 2293var update = add("413d7a1c", content, false, {}); 2294// Hot Module Replacement 2295if(false) {} 2296 2297/***/ }), 2298 2299/***/ 6721: 2300/***/ ((module, __webpack_exports__, __webpack_require__) => { 2301 2302"use strict"; 2303__webpack_require__.r(__webpack_exports__); 2304/* harmony export */ __webpack_require__.d(__webpack_exports__, { 2305/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) 2306/* harmony export */ }); 2307/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9248); 2308/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); 2309/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9089); 2310/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); 2311// Imports 2312 2313 2314var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); 2315// Module 2316___CSS_LOADER_EXPORT___.push([module.id, `.share-dropdown-items[data-v-b04e9eaa]{margin:0;padding:0}`, ""]); 2317// Exports 2318/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); 2319 2320 2321/***/ }), 2322 2323/***/ 6805: 2324/***/ ((module, __webpack_exports__, __webpack_require__) => { 2325 2326"use strict"; 2327__webpack_require__.r(__webpack_exports__); 2328/* harmony export */ __webpack_require__.d(__webpack_exports__, { 2329/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__) 2330/* harmony export */ }); 2331/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9248); 2332/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__); 2333/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9089); 2334/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__); 2335// Imports 2336 2337 2338var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default())); 2339// Module 2340___CSS_LOADER_EXPORT___.push([module.id, `.vehicle-compare-container[data-v-1b958944]{margin:0;padding:0;max-width:100vw;max-height:100vh;border:none;z-index:1040}`, ""]); 2341// Exports 2342/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___); 2343 2344 2345/***/ }), 2346 2347/***/ 7207: 2348/***/ ((module, __unused_webpack_exports, __webpack_require__) => { 2349 2350// style-loader: Adds some css to the DOM by adding a <style> tag 2351 2352// load the styles 2353var content = __webpack_require__(5842); 2354if(content.__esModule) content = content.default; 2355if(typeof content === 'string') content = [[module.id, content, '']]; 2356if(content.locals) module.exports = content.locals; 2357// add the styles to the DOM 2358var add = (__webpack_require__(8449)/* ["default"] */ .A) 2359var update = add("9ec99638", content, false, {}); 2360// Hot Module Replacement 2361if(false) {} 2362 2363/***/ }), 2364 2365/***/ 8449: 2366/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { 2367 2368"use strict"; 2369 2370// EXPORTS 2371__webpack_require__.d(__webpack_exports__, { 2372 A: () => (/* binding */ addStylesClient) 2373}); 2374 2375;// ./node_modules/vue-style-loader/lib/listToStyles.js 2376/** 2377 * Translates the list format produced by css-loader into something 2378 * easier to manipulate. 2379 */ 2380function listToStyles(parentId, list) { 2381 var styles = []; 2382 var newStyles = {}; 2383 for (var i = 0; i < list.length; i++) { 2384 var item = list[i]; 2385 var id = item[0]; 2386 var css = item[1]; 2387 var media = item[2]; 2388 var sourceMap = item[3]; 2389 var part = { 2390 id: parentId + ':' + i, 2391 css: css, 2392 media: media, 2393 sourceMap: sourceMap 2394 }; 2395 if (!newStyles[id]) { 2396 styles.push(newStyles[id] = { 2397 id: id, 2398 parts: [part] 2399 }); 2400 } else { 2401 newStyles[id].parts.push(part); 2402 } 2403 } 2404 return styles; 2405} 2406;// ./node_modules/vue-style-loader/lib/addStylesClient.js 2407/* 2408 MIT License http://www.opensource.org/licenses/mit-license.php 2409 Author Tobias Koppers @sokra 2410 Modified by Evan You @yyx990803 2411*/ 2412 2413 2414 2415var hasDocument = typeof document !== 'undefined' 2416 2417if (typeof DEBUG !== 'undefined' && DEBUG) { 2418 if (!hasDocument) { 2419 throw new Error( 2420 'vue-style-loader cannot be used in a non-browser environment. ' + 2421 "Use { target: 'node' } in your Webpack config to indicate a server-rendering environment." 2422 ) } 2423} 2424 2425/* 2426type StyleObject = { 2427 id: number; 2428 parts: Array<StyleObjectPart> 2429} 2430 2431type StyleObjectPart = { 2432 css: string; 2433 media: string; 2434 sourceMap: ?string 2435} 2436*/ 2437 2438var stylesInDom = {/* 2439 [id: number]: { 2440 id: number, 2441 refs: number, 2442 parts: Array<(obj?: StyleObjectPart) => void> 2443 } 2444*/} 2445 2446var head = hasDocument && (document.head || document.getElementsByTagName('head')[0]) 2447var singletonElement = null 2448var singletonCounter = 0 2449var isProduction = false 2450var noop = function () {} 2451var options = null 2452var ssrIdKey = 'data-vue-ssr-id' 2453 2454// Force single-tag solution on IE6-9, which has a hard limit on the # of <style> 2455// tags it will allow on a page 2456var isOldIE = typeof navigator !== 'undefined' && /msie [6-9]\b/.test(navigator.userAgent.toLowerCase()) 2457 2458function addStylesClient (parentId, list, _isProduction, _options) { 2459 isProduction = _isProduction 2460 2461 options = _options || {} 2462 2463 var styles = listToStyles(parentId, list) 2464 addStylesToDom(styles) 2465 2466 return function update (newList) { 2467 var mayRemove = [] 2468 for (var i = 0; i < styles.length; i++) { 2469 var item = styles[i] 2470 var domStyle = stylesInDom[item.id] 2471 domStyle.refs-- 2472 mayRemove.push(domStyle) 2473 } 2474 if (newList) { 2475 styles = listToStyles(parentId, newList) 2476 addStylesToDom(styles) 2477 } else { 2478 styles = [] 2479 } 2480 for (var i = 0; i < mayRemove.length; i++) { 2481 var domStyle = mayRemove[i] 2482 if (domStyle.refs === 0) { 2483 for (var j = 0; j < domStyle.parts.length; j++) { 2484 domStyle.parts[j]() 2485 } 2486 delete stylesInDom[domStyle.id] 2487 } 2488 } 2489 } 2490} 2491 2492function addStylesToDom (styles /* Array<StyleObject> */) { 2493 for (var i = 0; i < styles.length; i++) { 2494 var item = styles[i] 2495 var domStyle = stylesInDom[item.id] 2496 if (domStyle) { 2497 domStyle.refs++ 2498 for (var j = 0; j < domStyle.parts.length; j++) { 2499 domStyle.parts[j](item.parts[j]) 2500 } 2501 for (; j < item.parts.length; j++) { 2502 domStyle.parts.push(addStyle(item.parts[j])) 2503 } 2504 if (domStyle.parts.length > item.parts.length) { 2505 domStyle.parts.length = item.parts.length 2506 } 2507 } else { 2508 var parts = [] 2509 for (var j = 0; j < item.parts.length; j++) { 2510 parts.push(addStyle(item.parts[j])) 2511 } 2512 stylesInDom[item.id] = { id: item.id, refs: 1, parts: parts } 2513 } 2514 } 2515} 2516 2517function createStyleElement () { 2518 var styleElement = document.createElement('style') 2519 styleElement.type = 'text/css' 2520 head.appendChild(styleElement) 2521 return styleElement 2522} 2523 2524function addStyle (obj /* StyleObjectPart */) { 2525 var update, remove 2526 var styleElement = document.querySelector('style[' + ssrIdKey + '~="' + obj.id + '"]') 2527 2528 if (styleElement) { 2529 if (isProduction) { 2530 // has SSR styles and in production mode. 2531 // simply do nothing. 2532 return noop 2533 } else { 2534 // has SSR styles but in dev mode. 2535 // for some reason Chrome can't handle source map in server-rendered 2536 // style tags - source maps in <style> only works if the style tag is 2537 // created and inserted dynamically. So we remove the server rendered 2538 // styles and inject new ones. 2539 styleElement.parentNode.removeChild(styleElement) 2540 } 2541 } 2542 2543 if (isOldIE) { 2544 // use singleton mode for IE9. 2545 var styleIndex = singletonCounter++ 2546 styleElement = singletonElement || (singletonElement = createStyleElement()) 2547 update = applyToSingletonTag.bind(null, styleElement, styleIndex, false) 2548 remove = applyToSingletonTag.bind(null, styleElement, styleIndex, true) 2549 } else { 2550 // use multi-style-tag mode in all other cases 2551 styleElement = createStyleElement() 2552 update = applyToTag.bind(null, styleElement) 2553 remove = function () { 2554 styleElement.parentNode.removeChild(styleElement) 2555 } 2556 } 2557 2558 update(obj) 2559 2560 return function updateStyle (newObj /* StyleObjectPart */) { 2561 if (newObj) { 2562 if (newObj.css === obj.css && 2563 newObj.media === obj.media && 2564 newObj.sourceMap === obj.sourceMap) { 2565 return 2566 } 2567 update(obj = newObj) 2568 } else { 2569 remove() 2570 } 2571 } 2572} 2573 2574var replaceText = (function () { 2575 var textStore = [] 2576 2577 return function (index, replacement) { 2578 textStore[index] = replacement 2579 return textStore.filter(Boolean).join('\n') 2580 } 2581})() 2582 2583function applyToSingletonTag (styleElement, index, remove, obj) { 2584 var css = remove ? '' : obj.css 2585 2586 if (styleElement.styleSheet) { 2587 styleElement.styleSheet.cssText = replaceText(index, css) 2588 } else { 2589 var cssNode = document.createTextNode(css) 2590 var childNodes = styleElement.childNodes 2591 if (childNodes[index]) styleElement.removeChild(childNodes[index]) 2592 if (childNodes.length) { 2593 styleElement.insertBefore(cssNode, childNodes[index]) 2594 } else { 2595 styleElement.appendChild(cssNode) 2596 } 2597 } 2598} 2599 2600function applyToTag (styleElement, obj) { 2601 var css = obj.css 2602 var media = obj.media 2603 var sourceMap = obj.sourceMap 2604 2605 if (media) { 2606 styleElement.setAttribute('media', media) 2607 } 2608 if (options.ssrId) { 2609 styleElement.setAttribute(ssrIdKey, obj.id) 2610 } 2611 2612 if (sourceMap) { 2613 // https://developer.chrome.com/devtools/docs/javascript-debugging 2614 // this makes source maps inside style tags work properly in Chrome 2615 css += '\n/*# sourceURL=' + sourceMap.sources[0] + ' */' 2616 // http://stackoverflow.com/a/26603875 2617 css += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)
vendor: 3,315 bytes, lines 2617-2755
2617))) + ' */' 2618 } 2619 2620 if (styleElement.styleSheet) { 2621 styleElement.styleSheet.cssText = css 2622 } else { 2623 while (styleElement.firstChild) { 2624 styleElement.removeChild(styleElement.firstChild) 2625 } 2626 styleElement.appendChild(document.createTextNode(css)) 2627 } 2628} 2629 2630 2631/***/ }), 2632 2633/***/ 8612: 2634/***/ ((module, __unused_webpack_exports, __webpack_require__) => { 2635 2636// style-loader: Adds some css to the DOM by adding a <style> tag 2637 2638// load the styles 2639var content = __webpack_require__(6721); 2640if(content.__esModule) content = content.default; 2641if(typeof content === 'string') content = [[module.id, content, '']]; 2642if(content.locals) module.exports = content.locals; 2643// add the styles to the DOM 2644var add = (__webpack_require__(8449)/* ["default"] */ .A) 2645var update = add("03aa8f04", content, false, {}); 2646// Hot Module Replacement 2647if(false) {} 2648 2649/***/ }), 2650 2651/***/ 9089: 2652/***/ ((module) => { 2653 2654"use strict"; 2655 2656 2657/* 2658 MIT License http://www.opensource.org/licenses/mit-license.php 2659 Author Tobias Koppers @sokra 2660*/ 2661module.exports = function (cssWithMappingToString) { 2662 var list = []; 2663 2664 // return the list of modules as css string 2665 list.toString = function toString() { 2666 return this.map(function (item) { 2667 var content = ""; 2668 var needLayer = typeof item[5] !== "undefined"; 2669 if (item[4]) { 2670 content += "@supports (".concat(item[4], ") {"); 2671 } 2672 if (item[2]) { 2673 content += "@media ".concat(item[2], " {"); 2674 } 2675 if (needLayer) { 2676 content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {"); 2677 } 2678 content += cssWithMappingToString(item); 2679 if (needLayer) { 2680 content += "}"; 2681 } 2682 if (item[2]) { 2683 content += "}"; 2684 } 2685 if (item[4]) { 2686 content += "}"; 2687 } 2688 return content; 2689 }).join(""); 2690 }; 2691 2692 // import a list of modules into the list 2693 list.i = function i(modules, media, dedupe, supports, layer) { 2694 if (typeof modules === "string") { 2695 modules = [[null, modules, undefined]]; 2696 } 2697 var alreadyImportedModules = {}; 2698 if (dedupe) { 2699 for (var k = 0; k < this.length; k++) { 2700 var id = this[k][0]; 2701 if (id != null) { 2702 alreadyImportedModules[id] = true; 2703 } 2704 } 2705 } 2706 for (var _k = 0; _k < modules.length; _k++) { 2707 var item = [].concat(modules[_k]); 2708 if (dedupe && alreadyImportedModules[item[0]]) { 2709 continue; 2710 } 2711 if (typeof layer !== "undefined") { 2712 if (typeof item[5] === "undefined") { 2713 item[5] = layer; 2714 } else { 2715 item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}"); 2716 item[5] = layer; 2717 } 2718 } 2719 if (media) { 2720 if (!item[2]) { 2721 item[2] = media; 2722 } else { 2723 item[1] = "@media ".concat(item[2], " {").concat(item[1], "}"); 2724 item[2] = media; 2725 } 2726 } 2727 if (supports) { 2728 if (!item[4]) { 2729 item[4] = "".concat(supports); 2730 } else { 2731 item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}"); 2732 item[4] = supports; 2733 } 2734 } 2735 list.push(item); 2736 } 2737 }; 2738 return list; 2739}; 2740 2741/***/ }), 2742 2743/***/ 9248: 2744/***/ ((module) => { 2745 2746"use strict"; 2747 2748 2749module.exports = function (i) { 2750 return i[1]; 2751}; 2752 2753/***/ }) 2754 2755}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.