https://www.burkemotorgroup.com/resources/vhcliaa/components/vehic….9.24a26a87f4c3be850232f857cc149210db453171

1/******/ (() => { // webpackBootstrap
2/******/ 	var __webpack_modules__ = ({
3
4/***/ 9:
5/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
6
7"use strict";
8
9// EXPORTS
10__webpack_require__.d(__webpack_exports__, {
11  L: () => (/* binding */ TranslationService)
12});
13
14// NAMESPACE OBJECT: ./src/services/translations/iTranslationFetcher.ts
15var iTranslationFetcher_namespaceObject = {};
16__webpack_require__.r(iTranslationFetcher_namespaceObject);
17
18// EXTERNAL MODULE: ./node_modules/inversify/lib/inversify.js
19var inversify = __webpack_require__(260);
20;// ./src/services/translations/translations.ts
21class Translations {
22    constructor() {
23        this.Labels = new Array();
24        this.Comments = new Array();
25        this.Buttons = new Array();
26        this.Titles = new Array();
27    }
28}
29
30;// ./src/services/translations/translationType.ts
31var TranslationType;
32(function (TranslationType) {
33    TranslationType["Labels"] = "labels";
34    TranslationType["Comments"] = "comments";
35    TranslationType["Buttons"] = "buttons";
36    TranslationType["Titles"] = "titles";
37})(TranslationType || (TranslationType = {}));
38
39;// ./src/services/translations/translationStorage.ts
40var TranslationStorage;
41(function (TranslationStorage) {
42    TranslationStorage["Labels"] = "do.translations.labels";
43    TranslationStorage["Comments"] = "do.translations.comments";
44    TranslationStorage["Buttons"] = "do.translations.buttons";
45    TranslationStorage["Titles"] = "do.translations.titles";
46})(TranslationStorage || (TranslationStorage = {}));
47
48;// ./src/services/translations/iTranslationFetcher.ts
49
50
51// EXTERNAL MODULE: ./src/types/types.ts
52var types = __webpack_require__(5644);
53;// ./src/services/translations/translationService.ts
54var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
55    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
56    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
57    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
58    return c > 3 && r && Object.defineProperty(target, key, r), r;
59};
60var __metadata = (undefined && undefined.__metadata) || function (k, v) {
61    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
62};
63var __param = (undefined && undefined.__param) || function (paramIndex, decorator) {
64    return function (target, key) { decorator(target, key, paramIndex); }
65};
66var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
67    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
68    return new (P || (P = Promise))(function (resolve, reject) {
69        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
70        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
71        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
72        step((generator = generator.apply(thisArg, _arguments || [])).next());
73    });
74};
75var _a;
76
77
78
79
80
81
82let TranslationService = class TranslationService {
83    constructor(dataFetcher) {
84        this._dealerId = window.DlronGlobal_DealerId;
85        this.dataFetcher = dataFetcher;
86    }
87    initialize(useLabels = true, useComments = false, useButtons = false, useTitles = false) {
88        return __awaiter(this, void 0, void 0, function* () {
89            this.translations = new Translations();
90            const translationPromises = [];
91            if (useLabels) {
92                translationPromises.push(this.loadTranslations(TranslationType.Labels));
93            }
94            if (useComments) {
95                translationPromises.push(this.loadTranslations(TranslationType.Comments));
96            }
97            if (useButtons) {
98                translationPromises.push(this.loadTranslations(TranslationType.Buttons));
99            }
100            if (useTitles) {
101                translationPromises.push(this.loadTranslations(TranslationType.Titles));
102            }
103            try {
104                yield Promise.all(translationPromises);
105            }
106            catch (error) {
107                console.error("Error loading translations:", error);
108            }
109        });
110    }
111    loadTranslations(translationType) {
112        return __awaiter(this, void 0, void 0, function* () {
113            let storageLocation;
114            switch (translationType) {
115                case TranslationType.Labels:
116                    storageLocation = TranslationStorage.Labels;
117                    break;
118                case TranslationType.Comments:
119                    storageLocation = TranslationStorage.Comments;
120                    break;
121                case TranslationType.Buttons:
122                    storageLocation = TranslationStorage.Buttons;
123                    break;
124                case TranslationType.Titles:
125                    storageLocation = TranslationStorage.Titles;
126                    break;
127            }
128            const translationsFromStorage = sessionStorage.getItem(storageLocation);
129            if (translationsFromStorage) {
130                const translations = JSON.parse(translationsFromStorage);
131                switch (translationType) {
132                    case TranslationType.Labels:
133                        this.translations.Labels = translations;
134                        break;
135                    case TranslationType.Comments:
136                        this.translations.Comments = translations;
137                        break;
138                    case TranslationType.Buttons:
139                        this.translations.Buttons = translations;
140                        break;
141                    case TranslationType.Titles:
142                        this.translations.Titles = translations;
143                        break;
144                }
145            }
146            else {
147                const translations = yield this.dataFetcher.fetch(translationType);
148                if (!translations) {
149                    this.setSessionStorage(storageLocation, null);
150                }
151                else {
152                    this.processTranslations(translations, translationType, storageLocation);
153                }
154            }
155        });
156    }
157    processTranslations(translations, translationType, storageLocation) {
158        try {
159            if (translations) {
160                try {
161                    switch (translationType) {
162                        case TranslationType.Labels:
163                            this.translations.Labels = translations["Items"];
164                            break;
165                        case TranslationType.Comments:
166                            this.translations.Comments = translations["Items"];
167                            break;
168                        case TranslationType.Buttons:
169                            this.translations.Buttons = translations["Items"];
170                            break;
171                        case TranslationType.Titles:
172                            this.translations.Titles = translations["Items"];
173                            break;
174                    }
175                    //Store the translations
176                    const translationsForStorage = JSON.stringify(translations["Items"]);
177                    this.setSessionStorage(storageLocation, translationsForStorage);
178                }
179                catch (ex) {
180                    console.error(`Translations for dealer ID ${this._dealerId} could not be parsed.`);
181                }
182            }
183            else {
184                console.error(`Translations for dealer ID ${this._dealerId} not found.`);
185            }
186        }
187        catch (ex) {
188            this.setSessionStorage(storageLocation, null);
189            console.error(`Error parsing translations for dealer ID ${this._dealerId}`);
190        }
191    }
192    setSessionStorage(storageName, value) {
193        if (value) {
194            sessionStorage.setItem(storageName, value);
195        }
196        else {
197            sessionStorage.removeItem(storageName);
198        }
199    }

200    getLabel(key) {
201        var _a, _b, _c;
202        return (_c = (_b = (_a = this.translations) === null || _a === void 0 ? void 0 : _a.Labels) === null || _b === void 0 ? void 0 : _b[key]) !== null && _c !== void 0 ? _c : key;
203    }
204    getComment(key) {
205        var _a, _b, _c;
206        return (_c = (_b = (_a = this.translations) === null || _a === void 0 ? void 0 : _a.Comments) === null || _b === void 0 ? void 0 : _b[key]) !== null && _c !== void 0 ? _c : key;
207    }
208    getButton(key) {
209        var _a, _b, _c;
210        return (_c = (_b = (_a = this.translations) === null || _a === void 0 ? void 0 : _a.Buttons) === null || _b === void 0 ? void 0 : _b[key]) !== null && _c !== void 0 ? _c : key;
211    }
212    getTitle(key) {
213        var _a, _b, _c;
214        return (_c = (_b = (_a = this.translations) === null || _a === void 0 ? void 0 : _a.Titles) === null || _b === void 0 ? void 0 : _b[key]) !== null && _c !== void 0 ? _c : key;
215    }
216};
217TranslationService = __decorate([
218    (0,inversify/* injectable */._G)(),
219    __param(0, (0,inversify/* inject */.WQ)(types/* TYPES */.Q.ITranslationFetcher)),
220    __metadata("design:paramtypes", [typeof (_a = typeof iTranslationFetcher_namespaceObject.ITranslationFetcher !== "undefined" && iTranslationFetcher_namespaceObject.ITranslationFetcher) === "function" ? _a : Object])
221], TranslationService);
222
223
224
225/***/ }),
226
227/***/ 40:
228/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
229
230"use strict";
231
232
233Object.defineProperty(exports, "__esModule", ({
234  value: true
235}));
236exports.tagProperty = exports.tagParameter = exports.decorate = void 0;
237var ERROR_MSGS = __webpack_require__(7718);
238var METADATA_KEY = __webpack_require__(4725);
239function tagParameter(annotationTarget, propertyName, parameterIndex, metadata) {
240  var metadataKey = METADATA_KEY.TAGGED;
241  _tagParameterOrProperty(metadataKey, annotationTarget, propertyName, metadata, parameterIndex);
242}
243exports.tagParameter = tagParameter;
244function tagProperty(annotationTarget, propertyName, metadata) {
245  var metadataKey = METADATA_KEY.TAGGED_PROP;
246  _tagParameterOrProperty(metadataKey, annotationTarget.constructor, propertyName, metadata);
247}
248exports.tagProperty = tagProperty;
249function _tagParameterOrProperty(metadataKey, annotationTarget, propertyName, metadata, parameterIndex) {
250  var paramsOrPropertiesMetadata = {};
251  var isParameterDecorator = typeof parameterIndex === "number";
252  var key = parameterIndex !== undefined && isParameterDecorator ? parameterIndex.toString() : propertyName;
253  if (isParameterDecorator && propertyName !== undefined) {
254    throw new Error(ERROR_MSGS.INVALID_DECORATOR_OPERATION);
255  }
256  if (Reflect.hasOwnMetadata(metadataKey, annotationTarget)) {
257    paramsOrPropertiesMetadata = Reflect.getMetadata(metadataKey, annotationTarget);
258  }
259  var paramOrPropertyMetadata = paramsOrPropertiesMetadata[key];
260  if (!Array.isArray(paramOrPropertyMetadata)) {
261    paramOrPropertyMetadata = [];
262  } else {
263    for (var _i = 0, paramOrPropertyMetadata_1 = paramOrPropertyMetadata; _i < paramOrPropertyMetadata_1.length; _i++) {
264      var m = paramOrPropertyMetadata_1[_i];
265      if (m.key === metadata.key) {
266        throw new Error(ERROR_MSGS.DUPLICATED_METADATA + " " + m.key.toString());
267      }
268    }
269  }
270  paramOrPropertyMetadata.push(metadata);
271  paramsOrPropertiesMetadata[key] = paramOrPropertyMetadata;
272  Reflect.defineMetadata(metadataKey, paramsOrPropertiesMetadata, annotationTarget);
273}
274function _decorate(decorators, target) {
275  Reflect.decorate(decorators, target);
276}
277function _param(paramIndex, decorator) {
278  return function (target, key) {
279    decorator(target, key, paramIndex);
280  };
281}
282function decorate(decorator, target, parameterIndex) {
283  if (typeof parameterIndex === "number") {
284    _decorate([_param(parameterIndex, decorator)], target);
285  } else if (typeof parameterIndex === "string") {
286    Reflect.decorate([decorator], target, parameterIndex);
287  } else {
288    _decorate([decorator], target);
289  }
290}
291exports.decorate = decorate;
292
293/***/ }),
294
295/***/ 154:
296/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
297
298"use strict";
299
300
301Object.defineProperty(exports, "__esModule", ({
302  value: true
303}));
304exports.Target = void 0;
305var METADATA_KEY = __webpack_require__(4725);
306var id_1 = __webpack_require__(8418);
307var metadata_1 = __webpack_require__(8390);

308var queryable_string_1 = __webpack_require__(4131);
309var Target = function () {
310  function Target(type, name, serviceIdentifier, namedOrTagged) {
311    this.id = id_1.id();
312    this.type = type;
313    this.serviceIdentifier = serviceIdentifier;
314    this.name = new queryable_string_1.QueryableString(name || "");
315    this.metadata = new Array();
316    var metadataItem = null;
317    if (typeof namedOrTagged === "string") {
318      metadataItem = new metadata_1.Metadata(METADATA_KEY.NAMED_TAG, namedOrTagged);
319    } else if (namedOrTagged instanceof metadata_1.Metadata) {
320      metadataItem = namedOrTagged;
321    }
322    if (metadataItem !== null) {
323      this.metadata.push(metadataItem);
324    }
325  }
326  Target.prototype.hasTag = function (key) {
327    for (var _i = 0, _a = this.metadata; _i < _a.length; _i++) {
328      var m = _a[_i];
329      if (m.key === key) {
330        return true;
331      }
332    }
333    return false;
334  };
335  Target.prototype.isArray = function () {
336    return this.hasTag(METADATA_KEY.MULTI_INJECT_TAG);
337  };
338  Target.prototype.matchesArray = function (name) {
339    return this.matchesTag(METADATA_KEY.MULTI_INJECT_TAG)(name);
340  };
341  Target.prototype.isNamed = function () {
342    return this.hasTag(METADATA_KEY.NAMED_TAG);
343  };
344  Target.prototype.isTagged = function () {
345    return this.metadata.some(function (m) {
346      return m.key !== METADATA_KEY.INJECT_TAG && m.key !== METADATA_KEY.MULTI_INJECT_TAG && m.key !== METADATA_KEY.NAME_TAG && m.key !== METADATA_KEY.UNMANAGED_TAG && m.key !== METADATA_KEY.NAMED_TAG;
347    });
348  };
349  Target.prototype.isOptional = function () {
350    return this.matchesTag(METADATA_KEY.OPTIONAL_TAG)(true);
351  };
352  Target.prototype.getNamedTag = function () {
353    if (this.isNamed()) {
354      return this.metadata.filter(function (m) {
355        return m.key === METADATA_KEY.NAMED_TAG;
356      })[0];
357    }
358    return null;
359  };
360  Target.prototype.getCustomTags = function () {
361    if (this.isTagged()) {
362      return this.metadata.filter(function (m) {
363        return m.key !== METADATA_KEY.INJECT_TAG && m.key !== METADATA_KEY.MULTI_INJECT_TAG && m.key !== METADATA_KEY.NAME_TAG && m.key !== METADATA_KEY.UNMANAGED_TAG && m.key !== METADATA_KEY.NAMED_TAG;
364      });
365    }
366    return null;
367  };
368  Target.prototype.matchesNamedTag = function (name) {
369    return this.matchesTag(METADATA_KEY.NAMED_TAG)(name);
370  };
371  Target.prototype.matchesTag = function (key) {
372    var _this = this;
373    return function (value) {
374      for (var _i = 0, _a = _this.metadata; _i < _a.length; _i++) {
375        var m = _a[_i];
376        if (m.key === key && m.value === value) {
377          return true;
378        }
379      }
380      return false;
381    };
382  };
383  return Target;
384}();
385exports.Target = Target;
386
387/***/ }),
388
389/***/ 208:
390/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
391
392"use strict";
393
394// EXPORTS
395__webpack_require__.d(__webpack_exports__, {
396  $q: () => (/* binding */ setupDevtoolsPlugin)
397});
398
399// UNUSED EXPORTS: isPerformanceSupported, now
400
401;// ./node_modules/@vue/devtools-api/lib/esm/env.js
402function getDevtoolsGlobalHook() {
403  return getTarget().__VUE_DEVTOOLS_GLOBAL_HOOK__;
404}
405function getTarget() {
406  // @ts-expect-error navigator and windows are not available in all environments
407  return typeof navigator !== 'undefined' && typeof window !== 'undefined' ? window : typeof globalThis !== 'undefined' ? globalThis : {};
408}
409const isProxyAvailable = typeof Proxy === 'function';
410;// ./node_modules/@vue/devtools-api/lib/esm/const.js
411const HOOK_SETUP = 'devtools-plugin:setup';
412const HOOK_PLUGIN_SETTINGS_SET = 'plugin:settings:set';
413;// ./node_modules/@vue/devtools-api/lib/esm/time.js
414let supported;
415let perf;
416function isPerformanceSupported() {
417  var _a;
418  if (supported !== undefined) {
419    return supported;
420  }
421  if (typeof window !== 'undefined' && window.performance) {
422    supported = true;
423    perf = window.performance;
424  } else if (typeof globalThis !== 'undefined' && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
425    supported = true;
426    perf = globalThis.perf_hooks.performance;
427  } else {
428    supported = false;

429  }
430  return supported;
431}
432function now() {
433  return isPerformanceSupported() ? perf.now() : Date.now();
434}
435;// ./node_modules/@vue/devtools-api/lib/esm/proxy.js
436
437
438class ApiProxy {
439  constructor(plugin, hook) {
440    this.target = null;
441    this.targetQueue = [];
442    this.onQueue = [];
443    this.plugin = plugin;
444    this.hook = hook;
445    const defaultSettings = {};
446    if (plugin.settings) {
447      for (const id in plugin.settings) {
448        const item = plugin.settings[id];
449        defaultSettings[id] = item.defaultValue;
450      }
451    }
452    const localSettingsSaveId = `__vue-devtools-plugin-settings__${plugin.id}`;
453    let currentSettings = Object.assign({}, defaultSettings);
454    try {
455      const raw = localStorage.getItem(localSettingsSaveId);
456      const data = JSON.parse(raw);
457      Object.assign(currentSettings, data);
458    } catch (e) {
459      // noop
460    }
461    this.fallbacks = {
462      getSettings() {
463        return currentSettings;
464      },
465      setSettings(value) {
466        try {
467          localStorage.setItem(localSettingsSaveId, JSON.stringify(value));
468        } catch (e) {
469          // noop
470        }
471        currentSettings = value;
472      },
473      now() {
474        return now();
475      }
476    };
477    if (hook) {
478      hook.on(HOOK_PLUGIN_SETTINGS_SET, (pluginId, value) => {
479        if (pluginId === this.plugin.id) {
480          this.fallbacks.setSettings(value);
481        }
482      });
483    }
484    this.proxiedOn = new Proxy({}, {
485      get: (_target, prop) => {
486        if (this.target) {
487          return this.target.on[prop];
488        } else {
489          return (...args) => {
490            this.onQueue.push({
491              method: prop,
492              args
493            });
494          };
495        }
496      }
497    });
498    this.proxiedTarget = new Proxy({}, {
499      get: (_target, prop) => {
500        if (this.target) {
501          return this.target[prop];
502        } else if (prop === 'on') {
503          return this.proxiedOn;
504        } else if (Object.keys(this.fallbacks).includes(prop)) {
505          return (...args) => {
506            this.targetQueue.push({
507              method: prop,
508              args,
509              resolve: () => {}
510            });
511            return this.fallbacks[prop](...args);
512          };
513        } else {
514          return (...args) => {
515            return new Promise(resolve => {
516              this.targetQueue.push({
517                method: prop,
518                args,
519                resolve
520              });
521            });
522          };
523        }
524      }
525    });
526  }
527  async setRealTarget(target) {
528    this.target = target;
529    for (const item of this.onQueue) {
530      this.target.on[item.method](...item.args);
531    }
532    for (const item of this.targetQueue) {
533      item.resolve(await this.target[item.method](...item.args));
534    }
535  }
536}
537;// ./node_modules/@vue/devtools-api/lib/esm/index.js
538
539
540
541
542
543
544function setupDevtoolsPlugin(pluginDescriptor, setupFn) {
545  const descriptor = pluginDescriptor;
546  const target = getTarget();
547  const hook = getDevtoolsGlobalHook();
548  const enableProxy = isProxyAvailable && descriptor.enableEarlyProxy;
549  if (hook && (target.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !enableProxy)) {
550    hook.emit(HOOK_SETUP, pluginDescriptor, setupFn);
551  } else {
552    const proxy = enableProxy ? new ApiProxy(descriptor, hook) : null;
553    const list = target.__VUE_DEVTOOLS_PLUGINS__ = target.__VUE_DEVTOOLS_PLUGINS__ || [];
554    list.push({
555      pluginDescriptor: descriptor,
556      setupFn,
557      proxy
558    });
559    if (proxy) {
560      setupFn(proxy.proxiedTarget);
561    }
562  }
563}
564
565/***/ }),
566
567/***/ 260:
568/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
569
570"use strict";
571var __webpack_unused_export__;
572
573
574__webpack_unused_export__ = ({
575  value: true
576});
577__webpack_unused_export__ = void 0;
578var keys = __webpack_require__(4725);
579__webpack_unused_export__ = keys;
580var container_1 = __webpack_require__(9638);
581Object.defineProperty(exports, "mc", ({
582  enumerable: true,
583  get: function () {
584    return container_1.Container;
585  }
586}));
587var literal_types_1 = __webpack_require__(7802);
588__webpack_unused_export__ = ({
589  enumerable: true,
590  get: function () {
591    return literal_types_1.BindingScopeEnum;
592  }
593});
594__webpack_unused_export__ = ({
595  enumerable: true,
596  get: function () {
597    return literal_types_1.BindingTypeEnum;
598  }
599});
600__webpack_unused_export__ = ({
601  enumerable: true,
602  get: function () {
603    return literal_types_1.TargetTypeEnum;
604  }
605});
606var container_module_1 = __webpack_require__(5517);
607__webpack_unused_export__ = ({
608  enumerable: true,
609  get: function () {
610    return container_module_1.AsyncContainerModule;
611  }
612});
613__webpack_unused_export__ = ({
614  enumerable: true,
615  get: function () {
616    return container_module_1.ContainerModule;
617  }
618});
619var injectable_1 = __webpack_require__(8370);
620Object.defineProperty(exports, "_G", ({
621  enumerable: true,
622  get: function () {
623    return injectable_1.injectable;
624  }
625}));
626var tagged_1 = __webpack_require__(9523);
627__webpack_unused_export__ = ({
628  enumerable: true,
629  get: function () {
630    return tagged_1.tagged;
631  }
632});
633var named_1 = __webpack_require__(7590);
634__webpack_unused_export__ = ({
635  enumerable: true,
636  get: function () {
637    return named_1.named;
638  }
639});
640var inject_1 = __webpack_require__(7442);
641Object.defineProperty(exports, "WQ", ({
642  enumerable: true,
643  get: function () {
644    return inject_1.inject;
645  }
646}));
647__webpack_unused_export__ = ({
648  enumerable: true,
649  get: function () {
650    return inject_1.LazyServiceIdentifer;
651  }
652});
653var optional_1 = __webpack_require__(3091);
654__webpack_unused_export__ = ({
655  enumerable: true,
656  get: function () {
657    return optional_1.optional;
658  }
659});
660var unmanaged_1 = __webpack_require__(3415);
661__webpack_unused_export__ = ({
662  enumerable: true,
663  get: function () {
664    return unmanaged_1.unmanaged;
665  }
666});
667var multi_inject_1 = __webpack_require__(6088);
668__webpack_unused_export__ = ({
669  enumerable: true,
670  get: function () {
671    return multi_inject_1.multiInject;
672  }
673});
674var target_name_1 = __webpack_require__(8690);
675__webpack_unused_export__ = ({
676  enumerable: true,
677  get: function () {
678    return target_name_1.targetName;
679  }
680});
681var post_construct_1 = __webpack_require__(2719);
682__webpack_unused_export__ = ({
683  enumerable: true,
684  get: function () {
685    return post_construct_1.postConstruct;
686  }
687});
688var metadata_reader_1 = __webpack_require__(5426);
689__webpack_unused_export__ = ({
690  enumerable: true,
691  get: function () {
692    return metadata_reader_1.MetadataReader;
693  }
694});
695var id_1 = __webpack_require__(8418);
696__webpack_unused_export__ = ({
697  enumerable: true,
698  get: function () {
699    return id_1.id;
700  }
701});
702var decorator_utils_1 = __webpack_require__(40);
703__webpack_unused_export__ = ({
704  enumerable: true,
705  get: function () {
706    return decorator_utils_1.decorate;
707  }
708});
709var constraint_helpers_1 = __webpack_require__(3884);
710__webpack_unused_export__ = ({
711  enumerable: true,
712  get: function () {
713    return constraint_helpers_1.traverseAncerstors;
714  }
715});
716__webpack_unused_export__ = ({
717  enumerable: true,
718  get: function () {
719    return constraint_helpers_1.taggedConstraint;
720  }
721});
722__webpack_unused_export__ = ({
723  enumerable: true,
724  get: function () {
725    return constraint_helpers_1.namedConstraint;
726  }
727});
728__webpack_unused_export__ = ({
729  enumerable: true,
730  get: function () {
731    return constraint_helpers_1.typeConstraint;
732  }
733});
734var serialization_1 = __webpack_require__(7911);
735__webpack_unused_export__ = ({
736  enumerable: true,
737  get: function () {
738    return serialization_1.getServiceIdentifierAsString;
739  }
740});
741var binding_utils_1 = __webpack_require__(4984);
742__webpack_unused_export__ = ({
743  enumerable: true,
744  get: function () {
745    return binding_utils_1.multiBindToService;
746  }
747});
748
749/***/ }),
750
751/***/ 721:
752/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
753
754"use strict";
755
756// EXPORTS
757__webpack_require__.d(__webpack_exports__, {
758  d: () => (/* binding */ SrpWasabiGeneral)
759});
760
761// EXTERNAL MODULE: ./node_modules/inversify/lib/inversify.js
762var inversify = __webpack_require__(260);
763// EXTERNAL MODULE: ./src/types/types.ts
764var types = __webpack_require__(5644);
765;// ./src/components/searchFilter/srpWasab_PageNav.ts
766class SrpWasabiPageNav {
767    srpFiltersMore() {
768        $('.srp-filters-more .toggle').click(function () {
769            if ($('.srp-filters-more').hasClass('active')) {
770                $('.srp-filters-more').removeClass('active');
771            }
772            else {
773                $('.srp-filters-more').addClass('active');
774            }
775        });
776        $(document).on('click', function (event) {
777            if (!$(event.target).closest('.srp-filters-more').length && !$(event.target).closest('.filter-item-minimized button').length) {
778                if ($('.srp-filters-more').hasClass('active')) {
779                    $('.srp-filters-more').removeClass('active');
780                }
781            }
782        });
783    }
784}
785
786// EXTERNAL MODULE: ./src/services/toggles/iToggleService.ts
787var iToggleService = __webpack_require__(4478);
788// EXTERNAL MODULE: ./src/utilities/jQueryHelper/jQueryHelper.ts
789var jQueryHelper = __webpack_require__(2781);
790;

790// ./src/components/searchFilter/srpWasabi_General.ts
791var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
792    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
793    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
794    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
795    return c > 3 && r && Object.defineProperty(target, key, r), r;
796};
797var __metadata = (undefined && undefined.__metadata) || function (k, v) {
798    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
799};
800var __param = (undefined && undefined.__param) || function (paramIndex, decorator) {
801    return function (target, key) { decorator(target, key, paramIndex); }
802};
803var _a;
804
805
806
807
808
809let SrpWasabiGeneral = class SrpWasabiGeneral {
810    constructor(toggleService) {
811        this.SrpWasabiFilterMobileElem = null;
812        this.SrpWasabiTotalFilterNum = null;
813        this.SrpWasabiMaxWidth991 = null;
814        this.rangeArray = [];
815        this.toggleService = toggleService;
816    }
817    initialize() {
818        //Only used for ILP
819        if (window.location.pathname.toLowerCase().indexOf("inventorylineup.aspx") > -1) {
820            this.addCheckboxClickEvents();
821            //instantiate the filter numbers
822            this.initializeCheckFilterNum();
823        }
824        this._srpWasabiPageNav = new SrpWasabiPageNav();
825        window.addEventListener("resize", () => {
826            this.Update();
827        }, { passive: true });
828        window.addEventListener("scroll", () => {
829            this.Update();
830        }, { passive: true });
831        this.refreshVariables();
832        this._srpWasabiPageNav.srpFiltersMore();
833        this.refineSilderMobile();
834        this.disableFilterPanels();
835        this.initializeFilterScrollIntoViewUponExpansion();
836    }
837    Update() {
838        this.refreshVariables();
839    }
840    CalculateFunction() {
841        var _a, _b;
842        var checkboxNum = (_b = (_a = this.srpFilterElem) === null || _a === void 0 ? void 0 : _a.querySelectorAll('input[type=checkbox]:checked')) === null || _b === void 0 ? void 0 : _b.length;
843        const ranges = document.querySelectorAll(".range");
844        ranges.forEach((elem) => {
845            if (elem.value !== "") {
846                this.rangeArray.push(this);
847            }
848        });
849        this.SrpWasabiTotalFilterNum = checkboxNum + this.rangeArray.length;
850    }
851    initializeCheckFilterNum() {
852        var _a, _b;
853        this.srpFilterElem = document.getElementById("srp_filter");
854        const customCheckboxes = (_a = this.srpFilterElem) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.display_child, .custom-checkbox');
855        customCheckboxes === null || customCheckboxes === void 0 ? void 0 : customCheckboxes.forEach((checkbox) => {
856            checkbox.addEventListener("click", () => {
857                setTimeout(() => {
858                    this.CalculateFunction();
859                }, 100);
860            });
861        });
862        const filterInputs = (_b = this.srpFilterElem) === null || _b === void 0 ? void 0 : _b.querySelectorAll('input');
863        filterInputs === null || filterInputs === void 0 ? void 0 : filterInputs.forEach((input) => {
864            input.addEventListener("blur", () => {
865                this.CalculateFunction();
866            });
867        });
868    }
869    // refine slider selected
870    addCheckboxClickEvents() {
871        $(document).on('click', '#srp_filter .collapse-options .tile_display .tile_display_child, #srp_filter .collapse-options .list_display .list_display_child', function () {
872            var targetedID = $(this).attr('data-target');
873            if ($(this).find('input').is(':checked')) {
874                $(this).addClass('tile_selected');
875            }
876            else {
877                $(this).removeClass('tile_selected');
878                if (targetedID) {
879                    $(this).parents('.list_display').find('' + targetedID + ' .collapse-options-sub .display_child.list_display_child').removeClass('tile_selected');
880                    $(this).parents('.list_display').find('' + targetedID + ' .collapse-options-sub .display_child.list_display_child input').removeAttr('checked');
881                }
882            }
883        });
884    }
885    refreshVariables() {
886        this.SrpWasabiFilterMobileElem = $('body');
887        this.SrpWasabiMaxWidth991 = window.matchMedia('(max-width: 991px)');
888    }
889    // disable filter panels default
890    disableFilterPanels() {
891        jQueryHelper/* JQueryHelper */.$.SafeApplyCollapse($('#srp_filter .collapse'), {
892            'toggle': false
893        });
894    }
895    /**
896     * Initialize event listeners to scroll an expanded filter into view. Due to
897     * how the bootstrap collapse component works, we must use jQuery to hook
898     * into the events fired by that component.
899     * @see {@link https://getbootstrap.com/docs/4.0/components/collapse/ }
900     */
901    initializeFilterScrollIntoViewUponExpansion() {
902        $("#srp_filter .panel .collapse-options")
903            .on("shown.bs.collapse", function () {
904            var parent = this.closest(".panel");
905            try {
906                parent.scrollIntoView({
907                    behavior: "smooth",
908                    block: "nearest"
909                });
910            }
911            catch (_a) {
912                // Fallback for browsers without support for scrollIntoViewOptions
913                parent.scrollIntoView(false);
914            }
915        });
916    }
917    // refine silder mobile
918    refineSilderMobile() {
919        $('button.filter-modal-toggle').on('click', (e) => {
920            e.stopImmediatePropagation();
921            this.addFilterMobileBodyClasses();
922            this.addFilterMobileBodySpecClasses();
923        });
924        $('.shade, .close_sticky, .close_sticky_mod, .search_btn.search_sticky').on('click', () => {
925            this.removeBodyClasses();
926            this.removeBodySpecClasses();
927        });
928    }
929    //refine slider on mobile
930    addFilterMobileBodyClasses() {
931        this.SrpWasabiFilterMobileElem.addClass('filterMobile');
932        const filterPanel = document.getElementById("filterPanel");
933        if (filterPanel) {
934            filterPanel.classList.remove("hidden");
935        }
936        // If Mobile filterPanel ever gets opened, the Desktop filterPanel will remain open if transitioning to it.
937        // Remove the 'wasabi_srp--no-grid' (which should be present when Desktop filterPanel is closed) class
938        // when the following transition occurs:
939        // Deskptop filterPanel closed -> Mobile filterPanel opened -> Desktop filterPanel opened
940        const wasabiSrp = document.querySelector(".wasabi_srp");
941        if (filterPanel && wasabiSrp) {
942            wasabiSrp.classList.remove("wasabi_srp--no-grid");
943        }
944    }
945    addFilterMobileBodySpecClasses() {
946        this.SrpWasabiFilterMobileElem.addClass('filterMobileBodySpec');
947    }
948    removeBodyClasses() {
949        this.SrpWasabiFilterMobileElem.removeClass('filterMobile');
950    }
951    removeBodySpecClasses() {
952        window.setTimeout(() => {
953            this.SrpWasabiFilterMobileElem.removeClass('filterMobileBodySpec');
954        }, 350);
955    }
956};
957SrpWasabiGeneral = __decorate([
958    (0,inversify/* injectable */._G)(),
959    __param(0, (0,inversify/* inject */.WQ)(types/* TYPES */.Q.IToggleService)),
960    __metadata("design:paramtypes", [typeof (_a = typeof iToggleService/* IToggleService */.F !== "undefined" && iToggleService/* IToggleService */.F) === "function" ? _a : Object])
961], SrpWasabiGeneral);
962
963
964
965/***/ }),
966
967/***/ 730:
968/***/ ((module, __unused_webpack_exports, __webpack_require__) =>

968 {
969
970/**
971 * lodash (Custom Build) <https://lodash.com/>
972 * Build: `lodash modularize exports="npm" -o ./`
973 * Copyright jQuery Foundation and other contributors <https://jquery.org/>
974 * Released under MIT license <https://lodash.com/license>
975 * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
976 * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
977 */
978
979/** Used as the `TypeError` message for "Functions" methods. */
980var FUNC_ERROR_TEXT = 'Expected a function';
981
982/** Used as references for various `Number` constants. */
983var NAN = 0 / 0;
984
985/** `Object#toString` result references. */
986var symbolTag = '[object Symbol]';
987
988/** Used to match leading and trailing whitespace. */
989var reTrim = /^\s+|\s+$/g;
990
991/** Used to detect bad signed hexadecimal string values. */
992var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
993
994/** Used to detect binary string values. */
995var reIsBinary = /^0b[01]+$/i;
996
997/** Used to detect octal string values. */
998var reIsOctal = /^0o[0-7]+$/i;
999
1000/** Built-in method references without a dependency on `root`. */
1001var freeParseInt = parseInt;
1002
1003/** Detect free variable `global` from Node.js. */
1004var freeGlobal = typeof __webpack_require__.g == 'object' && __webpack_require__.g && __webpack_require__.g.Object === Object && __webpack_require__.g;
1005
1006/** Detect free variable `self`. */
1007var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
1008
1009/** Used as a reference to the global object. */
1010var root = freeGlobal || freeSelf || Function('return this')();
1011
1012/** Used for built-in method references. */
1013var objectProto = Object.prototype;
1014
1015/**
1016 * Used to resolve the
1017 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
1018 * of values.
1019 */
1020var objectToString = objectProto.toString;
1021
1022/* Built-in method references for those with the same name as other `lodash` methods. */
1023var nativeMax = Math.max,
1024  nativeMin = Math.min;
1025
1026/**
1027 * Gets the timestamp of the number of milliseconds that have elapsed since
1028 * the Unix epoch (1 January 1970 00:00:00 UTC).
1029 *
1030 * @static
1031 * @memberOf _
1032 * @since 2.4.0
1033 * @category Date
1034 * @returns {number} Returns the timestamp.
1035 * @example
1036 *
1037 * _.defer(function(stamp) {
1038 *   console.log(_.now() - stamp);
1039 * }, _.now());
1040 * // => Logs the number of milliseconds it took for the deferred invocation.
1041 */
1042var now = function () {
1043  return root.Date.now();
1044};
1045
1046/**
1047 * Creates a debounced function that delays invoking `func` until after `wait`
1048 * milliseconds have elapsed since the last time the debounced function was
1049 * invoked. The debounced function comes with a `cancel` method to cancel
1050 * delayed `func` invocations and a `flush` method to immediately invoke them.
1051 * Provide `options` to indicate whether `func` should be invoked on the
1052 * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
1053 * with the last arguments provided to the debounced function. Subsequent
1054 * calls to the debounced function return the result of the last `func`
1055 * invocation.
1056 *
1057 * **Note:** If `leading` and `trailing` options are `true`, `func` is
1058 * invoked on the trailing edge of the timeout only if the debounced function
1059 * is invoked more than once during the `wait` timeout.
1060 *
1061 * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
1062 * until to the next tick, similar to `setTimeout` with a timeout of `0`.
1063 *
1064 * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
1065 * for details over the differences between `_.debounce` and `_.throttle`.
1066 *
1067 * @static
1068 * @memberOf _
1069 * @since 0.1.0
1070 * @category Function
1071 * @param {Function} func The function to debounce.
1072 * @param {number} [wait=0] The number of milliseconds to delay.
1073 * @param {Object} [options={}] The options object.
1074 * @param {boolean} [options.leading=false]
1075 *  Specify invoking on the leading edge of the timeout.
1076 * @param {number} [options.maxWait]
1077 *  The maximum time `func` is allowed to be delayed before it's invoked.
1078 * @param {boolean} [options.trailing=true]
1079 *  Specify invoking on the trailing edge of the timeout.
1080 * @returns {Function} Returns the new debounced function.
1081 * @example
1082 *
1083 * // Avoid costly calculations while the window size is in flux.
1084 * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
1085 *
1086 * // Invoke `sendMail` when clicked, debouncing subsequent calls.
1087 * jQuery(element).on('click', _.debounce(sendMail, 300, {
1088 *   'leading': true,
1089 *   'trailing': false
1090 * }));
1091 *
1092 * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
1093 * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
1094 * var source = new EventSource('/stream');
1095 * jQuery(source).on('message', debounced);
1096 *
1097 * // Cancel the trailing debounced invocation.
1098 * jQuery(window).on('popstate', debounced.cancel);
1099 */
1100function debounce(func, wait, options) {
1101  var lastArgs,
1102    lastThis,
1103    maxWait,
1104    result,
1105    timerId,
1106    lastCallTime,
1107    lastInvokeTime = 0,
1108    leading = false,
1109    maxing = false,
1110    trailing = true;
1111  if (typeof func != 'function') {
1112    throw new TypeError(FUNC_ERROR_TEXT);
1113  }
1114  wait = toNumber(wait) || 0;
1115  if (isObject(options)) {
1116    leading = !!options.leading;
1117    maxing = 'maxWait' in options;
1118    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
1119    trailing = 'trailing' in options ? !!options.trailing : trailing;
1120  }
1121  function invokeFunc(time) {
1122    var args = lastArgs,
1123      thisArg = lastThis;
1124    lastArgs = lastThis = undefined;
1125    lastInvokeTime = time;
1126    result = func.apply(thisArg, args);
1127    return result;
1128  }
1129  function leadingEdge(time) {
1130    // Reset any `maxWait` timer.
1131    lastInvokeTime = time;
1132    // Start the timer for the trailing edge.
1133    timerId = setTimeout(timerExpired, wait);
1134    // Invoke the leading edge.
1135    return leading ? invokeFunc(time) : result;
1136  }
1137  function remainingWait(time) {
1138    var timeSinceLastCall = time - lastCallTime,
1139      timeSinceLastInvoke = time - lastInvokeTime,
1140      result = wait - timeSinceLastCall;
1141    return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
1142  }
1143  function shouldInvoke(time) {
1144    var timeSinceLastCall = time - lastCallTime,
1145      timeSinceLastInvoke = time - lastInvokeTime;
1146
1147    // Either this is the first call, activity has stopped and we're at the
1148    // trailing edge, the system time has gone backwards and we're treating
1149    // it as the trailing edge, or we've hit the `maxWait` limit.
1150    return lastCallTime === undefined || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
1151  }
1152  function timerExpired() {
1153    var time = now();
1154    if (shouldInvoke(time)) {
1155      return trailingEdge(time);
1156    }
1157    // Restart the timer.
1158    timerId = setTimeout(timerExpired, remainingWait(time));
1159  }
1160  function trailingEdge(time) {
1161    timerId = undefined;
1162
1163    // Only invoke if we have `lastArgs` which means `func` has been
1164    // debounced at least once.
1165    if (trailing && lastArgs) {
1166      return invokeFunc(time);
1167    }
1168    lastArgs = lastThis = undefined;
1169    return result;
1170  }
1171  function cancel() {
1172    if (timerId !== undefined) {
1173      clearTimeout(timerId);
1174    }
1175    lastInvokeTime = 0;
1176    lastArgs = lastCallTime = lastThis = timerId = undefined;
1177  }
1178  function flush() {
1179    return timerId === undefined ? result : trailingEdge(now());
1180  }
1181  function debounced() {
1182    var time = now(),
1183      isInvoking = shouldInvoke(time);
1184    lastArgs = arguments;
1185    lastThis = this;
1186    lastCallTime = time;
1187    if (isInvoking) {
1188      if (timerId === undefined) {
1189        return leadingEdge(lastCallTime);
1190      }
1191      if (maxing) {
1192        // Handle invocations in a tight loop.
1193        timerId = setTimeout(timerExpired, wait);
1194        return invokeFunc(lastCallTime);
1195      }
1196    }
1197    if (timerId === undefined) {
1198      timerId = setTimeout(timerExpired, wait);
1199    }
1200    return result;
1201  }
1202  debounced.cancel = cancel;
1203  debounced.flush = flush;
1204  return debounced;
1205}
1206
1207/**
1208 * C

1208hecks if `value` is the
1209 * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
1210 * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
1211 *
1212 * @static
1213 * @memberOf _
1214 * @since 0.1.0
1215 * @category Lang
1216 * @param {*} value The value to check.
1217 * @returns {boolean} Returns `true` if `value` is an object, else `false`.
1218 * @example
1219 *
1220 * _.isObject({});
1221 * // => true
1222 *
1223 * _.isObject([1, 2, 3]);
1224 * // => true
1225 *
1226 * _.isObject(_.noop);
1227 * // => true
1228 *
1229 * _.isObject(null);
1230 * // => false
1231 */
1232function isObject(value) {
1233  var type = typeof value;
1234  return !!value && (type == 'object' || type == 'function');
1235}
1236
1237/**
1238 * Checks if `value` is object-like. A value is object-like if it's not `null`
1239 * and has a `typeof` result of "object".
1240 *
1241 * @static
1242 * @memberOf _
1243 * @since 4.0.0
1244 * @category Lang
1245 * @param {*} value The value to check.
1246 * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
1247 * @example
1248 *
1249 * _.isObjectLike({});
1250 * // => true
1251 *
1252 * _.isObjectLike([1, 2, 3]);
1253 * // => true
1254 *
1255 * _.isObjectLike(_.noop);
1256 * // => false
1257 *
1258 * _.isObjectLike(null);
1259 * // => false
1260 */
1261function isObjectLike(value) {
1262  return !!value && typeof value == 'object';
1263}
1264
1265/**
1266 * Checks if `value` is classified as a `Symbol` primitive or object.
1267 *
1268 * @static
1269 * @memberOf _
1270 * @since 4.0.0
1271 * @category Lang
1272 * @param {*} value The value to check.
1273 * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
1274 * @example
1275 *
1276 * _.isSymbol(Symbol.iterator);
1277 * // => true
1278 *
1279 * _.isSymbol('abc');
1280 * // => false
1281 */
1282function isSymbol(value) {
1283  return typeof value == 'symbol' || isObjectLike(value) && objectToString.call(value) == symbolTag;
1284}
1285
1286/**
1287 * Converts `value` to a number.
1288 *
1289 * @static
1290 * @memberOf _
1291 * @since 4.0.0
1292 * @category Lang
1293 * @param {*} value The value to process.
1294 * @returns {number} Returns the number.
1295 * @example
1296 *
1297 * _.toNumber(3.2);
1298 * // => 3.2
1299 *
1300 * _.toNumber(Number.MIN_VALUE);
1301 * // => 5e-324
1302 *
1303 * _.toNumber(Infinity);
1304 * // => Infinity
1305 *
1306 * _.toNumber('3.2');
1307 * // => 3.2
1308 */
1309function toNumber(value) {
1310  if (typeof value == 'number') {
1311    return value;
1312  }
1313  if (isSymbol(value)) {
1314    return NAN;
1315  }
1316  if (isObject(value)) {
1317    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
1318    value = isObject(other) ? other + '' : other;
1319  }
1320  if (typeof value != 'string') {
1321    return value === 0 ? value : +value;
1322  }
1323  value = value.replace(reTrim, '');
1324  var isBinary = reIsBinary.test(value);
1325  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
1326}
1327module.exports = debounce;
1328
1329/***/ }),
1330
1331/***/ 761:
1332/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
1333
1334// style-loader: Adds some css to the DOM by adding a <style> tag
1335
1336// load the styles

1337var content = __webpack_require__(9536);
1338if(content.__esModule) content = content.default;
1339if(typeof content === 'string') content = [[module.id, content, '']];
1340if(content.locals) module.exports = content.locals;
1341// add the styles to the DOM
1342var add = (__webpack_require__(8449)/* ["default"] */ .A)
1343var update = add("443e9b7d", content, false, {});
1344// Hot Module Replacement
1345if(false) {}
1346
1347/***/ }),
1348
1349/***/ 926:
1350/***/ (() => {
1351
1352"use strict";
1353
1354
1355
1356/***/ }),
1357
1358/***/ 1324:
1359/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
1360
1361// style-loader: Adds some css to the DOM by adding a <style> tag
1362
1363// load the styles
1364var content = __webpack_require__(2749);
1365if(content.__esModule) content = content.default;
1366if(typeof content === 'string') content = [[module.id, content, '']];
1367if(content.locals) module.exports = content.locals;
1368// add the styles to the DOM
1369var add = (__webpack_require__(8449)/* ["default"] */ .A)
1370var update = add("0a2c1ffb", content, false, {});
1371// Hot Module Replacement
1372if(false) {}
1373
1374/***/ }),
1375
1376/***/ 1373:
1377/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1378
1379"use strict";
1380/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1381/* harmony export */   L: () => (/* binding */ PricingTypeCookie)
1382/* harmony export */ });
1383var PricingType;
1384(function (PricingType) {
1385    PricingType["buy"] = "buy";
1386    PricingType["finance"] = "finance";
1387    PricingType["lease"] = "lease";
1388})(PricingType || (PricingType = {}));
1389class PricingTypeCookie {
1390    static get currentCookieValue() {
1391        return window.DealeronCookie.getItem(this.PricingCookieName);
1392    }
1393    static setPricingTypeCookieBySort(selectedOption) {
1394        if (selectedOption) {
1395            const selectedSortType = selectedOption.dataset.sortType || '';
1396            const pricingType = PricingType[selectedSortType.toLowerCase()];
1397            if (pricingType) {
1398                window.DealeronCookie.setItem(this.PricingCookieName, pricingType);
1399            }
1400        }
1401        else {
1402            console.error('The selected option was null or undefined when attempting to set the pricing type cookie; expected a document node');
1403        }
1404    }
1405    static setPricingTypeCookie(tabName) {
1406        const pricingType = PricingType[tabName.toLowerCase()];
1407        if (pricingType) {
1408            window.DealeronCookie.setItem(this.PricingCookieName, pricingType);
1409        }
1410    }
1411}
1412PricingTypeCookie.PricingCookieName = "DLRON_SELECTED_PRICING_TYPE";
1413
1414
1415/***/ }),
1416
1417/***/ 1404:
1418/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
1419
1420// style-loader: Adds some css to the DOM by adding a <style> tag
1421
1422// load the styles
1423var content = __webpack_require__(6387);
1424if(content.__esModule) content = content.default;
1425if(typeof content === 'string') content = [[module.id, content, '']];
1426if(content.locals) module.exports = content.locals;
1427// add the styles to the DOM
1428var add = (__webpack_require__(8449)/* ["default"] */ .A)
1429var update = add("8eca6572", content, false, {});
1430// Hot Module Replacement
1431if(false) {}
1432
1433/***/ }),
1434
1435/***/ 1535:
1436/***/ ((__unused_webpack_module, exports) => {
1437
1438"use strict";
1439var __webpack_unused_export__;
1440
1441
1442__webpack_unused_export__ = ({
1443  value: true
1444});
1445// runtime helper for setting properties on components
1446// in a tree-shakable way
1447exports.A = (sfc, props) => {
1448  const target = sfc.__vccOpts || sfc;
1449  for (const [key, val] of props) {
1450    target[key] = val;
1451  }
1452  return target;
1453};
1454
1455/***/ }),
1456
1457/***/ 1560:
1458/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1459
1460"use strict";
1461/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1462/* harmony export */   v: () => (/* binding */ SrpScrollType)
1463/* harmony export */ });
1464var SrpScrollType;
1465(function (SrpScrollType) {
1466    SrpScrollType[SrpScrollType["Pagination"] = 0] = "Pagination";
1467    SrpScrollType[SrpScrollType["InfiniteScroll"] = 1] = "InfiniteScroll";
1468})(SrpScrollType || (SrpScrollType = {}));
1469
1470
1471/***/ }),
1472
1473/***/ 1719:
1474/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
1475
1476"use strict";
1477/* harmony export */ __webpack_require__.d(__webpack_exports__, {
1478/* harmony export */   p: () => (/* binding */ PaginationQueryParams)
1479/* harmony export */ });
1480/* unused harmony export PagingModel */
1481
1482class PagingModel {
1483    constructor() {
1484        this.NumberOfVehiclesToShowModel = {};
1485        this.PaginationDataModel = new PaginationDataModel();
1486    }
1487}
1488var PaginationQueryParams;
1489(function (PaginationQueryParams) {
1490    PaginationQueryParams["PageSize"] = "pn";
1491    PaginationQueryParams["PageNumber"] = "pt";
1492})(PaginationQueryParams || (PaginationQueryParams = {}));
1493
1494
1495/***/ }),
1496
1497/***/ 1774:
1498/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
1499
1500"use strict";
1501
1502// EXPORTS
1503__webpack_require__.d(__webpack_exports__, {
1504  Ey: () => (/* binding */ createPinia),
1505  nY: () => (/* binding */ defineStore),
1506  oO: () => (/* binding */ setActivePinia)
1507});
1508
1509// UNUSED EXPORTS: MutationType, PiniaVuePlugin, acceptHMRUpdate, disposePinia, getActivePinia, mapActions, mapGetters, mapState, mapStores, mapWritableState, setMapStoreSuffix, shouldHydrate, skipHydrate, storeToRefs
1510
1511// EXTERNAL MODULE: ./node_modules/vue/dist/vue.runtime.esm-browser.prod.js
1512var vue_runtime_esm_browser_prod = __webpack_require__(3568);
1513;// ./node_modules/vue-demi/lib/index.mjs
1514
1515
1516var lib_isVue2 = false
1517var isVue3 = true
1518var Vue2 = (/* unused pure expression or super */ null && (undefined))
1519
1520function install() {}
1521
1522function lib_set(target, key, val) {
1523  if (Array.isArray(target)) {
1524    target.length = Math.max(target.length, key)
1525    target.splice(key, 1, val)
1526    return val
1527  }
1528  target[key] = val
1529  return val
1530}
1531
1532function del(target, key) {
1533  if (Array.isArray(target)) {
1534    target.splice(key, 1)
1535    return
1536  }
1537  delete target[key]
1538}
1539
1540
1541
1542
1543// EXTERNAL MODULE: ./node_modules/@vue/devtools-api/lib/esm/index.js + 4 modules
1544var esm = __webpack_require__(208);
1545;// ./node_modules/pinia/dist/pinia.mjs
1546/*!
1547 * pinia v2.3.1
1548 * (c) 2025 Eduardo San Martin Morote
1549 * @license MIT
1550 */
1551
1552
1553
1554/**
1555 * setActivePinia must be called to handle SSR at the top of functions like
1556 * `fetch`, `setup`, `serverPrefetch` and others
1557 */
1558let activePinia;
1559/**
1560 * Sets or unsets the active pinia. Used in SSR and internally when calling
1561 * actions and getters
1562 *
1563 * @param pinia - Pinia instance
1564 */
1565// @ts-expect-error: cannot constrain the type of the return
1566const setActivePinia = (pinia) => (activePinia = pinia);
1567/**
1568 * Get the currently active pinia if there is any.
1569 */
1570const getActivePinia = () => (hasInjectionContext() && inject(piniaSymbol)) || activePinia;
1571const piniaSymbol = (( false) ? 0 : /* istanbul ignore next */ Symbol());
1572
1573function isPlainObject(
1574// eslint-disable-next-line @typescript-eslint/no-explicit-any
1575o) {
1576    return (o &&
1577        typeof o === 'object' &&
1578        Object.prototype.toString.call(o) === '[object Object]' &&
1579        typeof o.toJSON !== 'function');
1580}
1581// type DeepReadonly<T> = { readonly [P in keyof T]: DeepReadonly<T[P]> }
1582// TODO: can we change these to numbers?
1583/**
1584 * Possible types for SubscriptionCallback
1585 */
1586var MutationType;
1587(function (MutationType) {
1588    /**
1589     * Direct mutation of the state:
1590     *
1591     * - `store.name = 'new name'`
1592     * - `store.$state.name = 'new name'`
1593     * - `store.list.push('new item')`
1594     */
1595    MutationType["direct"] = "direct";
1596    /**
1597     * Mutated the state with `$patch` and an object
1598     *
1599     * - `store.$patch({ name: 'newName' })`
1600     */
1601    MutationType["patchObject"] = "patch object";
1602    /**
1603     * Mutated the state with `$patch` and a function
1604     *
1605     * - `store.$patch(state => state.name = 'newName')`
1606     */
1607    MutationType["patchFunction"] = "patch function";
1608    // maybe reset? for $state = {} and $reset
1609})(MutationType || (MutationType = {}));
1610
1611const IS_CLIENT = typeof window !== 'undefined';
1612
1613/*
1614 * FileSaver.js A saveAs() FileSaver implementation.
1615 *
1616 * Originally by Eli Grey, adapted as an ESM module by Eduardo San Martin
1617 * Morote.
1618 *
1619 * License : MIT
1620 */
1621// The one and only way of getting global scope in all environments
1622// https://stackoverflow.com/q/3277182/1008999
1623const _global = /*#__PURE__*/ (() => typeof window === 'object' && window.window === window
1624    ? window
1625    : typeof self === 'object' && self.self === self
1626        ? self
1627        : typeof global === 'object' && global.global === global
1628            ? global
1629            : typeof globalThis === 'object'
1630                ? globalThis
1631                : { HTMLElement: null })();
1632function bom(blob, { autoBom = false } = {}) {
1633    // prepend BOM for UTF-8 XML and text/* types (including HTML)
1634    // note: your browser will automatically convert UTF-16 U+FEFF to EF BB BF
1635    if (autoBom &&
1636        /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(blob.type)) {
1637        return new Blob([String.fromCharCode(0xfeff), blob], { type: blob.type });
1638    }
1639    return blob;
1640}
1641function download(url, name, opts) {
1642    const xhr = new XMLHttpRequest();
1643    xhr.open('GET', url);
1644    xhr.responseType = 'blob';
1645    xhr.onload = function () {
1646        saveAs(xhr.response, name, opts);
1647    };
1648    xhr.onerror = function () {
1649        console.error('could not download file');
1650    };
1651    xhr.send();
1652}
1653function corsEnabled(url) {
1654    const xhr = new XMLHttpRequest();
1655    // use sync to avoid popup blocker
1656    xhr.open('HEAD', url, false);
1657    try {
1658        xhr.send();
1659    }
1660    catch (e) { }
1661    return xhr.status >= 200 && xhr.status <= 299;
1662}
1663// `a.click()` doesn't work for all browsers (#465)
1664function click(node) {
1665    try {
1666        node.dispatchEvent(new MouseEvent('click'));
1667    }
1668    catch (e) {
1669        const evt = document.createEvent('MouseEvents');
1670        evt.initMouseEvent('click', true, true, window, 0, 0, 0, 80, 20, false, false, false, false, 0, null);
1671        node.dispatchEvent(evt);
1672    }
1673}
1674const _navigator = typeof navigator === 'object' ? navigator : { userAgent: '' };
1675// Detect WebView inside a native macOS app by ruling out all browsers
1676// We just need to check for 'Safari' because all other browsers (besides Firefox) include that too
1677// https://www.whatismybrowser.com/guides/the-latest-user-agent/macos
1678const isMacOSWebView = /*#__PURE__*/ (() => /Macintosh/.test(_navigator.userAgent) &&

1679    /AppleWebKit/.test(_navigator.userAgent) &&
1680    !/Safari/.test(_navigator.userAgent))();
1681const saveAs = !IS_CLIENT
1682    ? () => { } // noop
1683    : // Use download attribute first if possible (#193 Lumia mobile) unless this is a macOS WebView or mini program
1684        typeof HTMLAnchorElement !== 'undefined' &&
1685            'download' in HTMLAnchorElement.prototype &&
1686            !isMacOSWebView
1687            ? downloadSaveAs
1688            : // Use msSaveOrOpenBlob as a second approach
1689                'msSaveOrOpenBlob' in _navigator
1690                    ? msSaveAs
1691                    : // Fallback to using FileReader and a popup
1692                        fileSaverSaveAs;
1693function downloadSaveAs(blob, name = 'download', opts) {
1694    const a = document.createElement('a');
1695    a.download = name;
1696    a.rel = 'noopener'; // tabnabbing
1697    // TODO: detect chrome extensions & packaged apps
1698    // a.target = '_blank'
1699    if (typeof blob === 'string') {
1700        // Support regular links
1701        a.href = blob;
1702        if (a.origin !== location.origin) {
1703            if (corsEnabled(a.href)) {
1704                download(blob, name, opts);
1705            }
1706            else {
1707                a.target = '_blank';
1708                click(a);
1709            }
1710        }
1711        else {
1712            click(a);
1713        }
1714    }
1715    else {
1716        // Support blobs
1717        a.href = URL.createObjectURL(blob);
1718        setTimeout(function () {
1719            URL.revokeObjectURL(a.href);
1720        }, 4e4); // 40s
1721        setTimeout(function () {
1722            click(a);
1723        }, 0);
1724    }
1725}
1726function msSaveAs(blob, name = 'download', opts) {
1727    if (typeof blob === 'string') {
1728        if (corsEnabled(blob)) {
1729            download(blob, name, opts);
1730        }
1731        else {
1732            const a = document.createElement('a');
1733            a.href = blob;
1734            a.target = '_blank';
1735            setTimeout(function () {
1736                click(a);
1737            });
1738        }
1739    }
1740    else {
1741        // @ts-ignore: works on windows
1742        navigator.msSaveOrOpenBlob(bom(blob, opts), name);
1743    }
1744}
1745function fileSaverSaveAs(blob, name, opts, popup) {
1746    // Open a popup immediately do go around popup blocker
1747    // Mostly only available on user interaction and the fileReader is async so...
1748    popup = popup || open('', '_blank');
1749    if (popup) {
1750        popup.document.title = popup.document.body.innerText = 'downloading...';
1751    }
1752    if (typeof blob === 'string')
1753        return download(blob, name, opts);
1754    const force = blob.type === 'application/octet-stream';
1755    const isSafari = /constructor/i.test(String(_global.HTMLElement)) || 'safari' in _global;
1756    const isChromeIOS = /CriOS\/[\d]+/.test(navigator.userAgent);
1757    if ((isChromeIOS || (force && isSafari) || isMacOSWebView) &&
1758        typeof FileReader !== 'undefined') {
1759        // Safari doesn't allow downloading of blob URLs
1760        const reader = new FileReader();
1761        reader.onloadend = function () {
1762            let url = reader.result;
1763            if (typeof url !== 'string') {
1764                popup = null;
1765                throw new Error('Wrong reader.result type');
1766            }
1767            url = isChromeIOS
1768                ? url
1769                : url.replace(/^data:[^;]*;/, 'data:attachment/file;');
1770            if (popup) {
1771                popup.location.href = url;
1772            }
1773            else {
1774                location.assign(url);
1775            }
1776            popup = null; // reverse-tabnabbing #460
1777        };
1778        reader.readAsDataURL(blob);
1779    }
1780    else {
1781        const url = URL.createObjectURL(blob);
1782        if (popup)
1783            popup.location.assign(url);
1784        else
1785            location.href = url;
1786        popup = null; // reverse-tabnabbing #460
1787        setTimeout(function () {
1788            URL.revokeObjectURL(url);
1789        }, 4e4); // 40s
1790    }
1791}
1792
1793/**
1794 * Shows a toast or console.log
1795 *
1796 * @param message - message to log
1797 * @param type - different color of the tooltip
1798 */
1799function toastMessage(message, type) {
1800    const piniaMessage = '🍍 ' + message;
1801    if (typeof __VUE_DEVTOOLS_TOAST__ === 'function') {
1802        // No longer available :(
1803        __VUE_DEVTOOLS_TOAST__(piniaMessage, type);
1804    }
1805    else if (type === 'error') {
1806        console.error(piniaMessage);
1807    }
1808    else if (type === 'warn') {
1809        console.warn(piniaMessage);
1810    }
1811    else {
1812        console.log(piniaMessage);
1813    }
1814}
1815function isPinia(o) {
1816    return '_a' in o && 'install' in o;
1817}
1818
1819/**
1820 * This file contain devtools actions, they are not Pinia actions.
1821 */
1822// ---
1823function checkClipboardAccess() {
1824    if (!('clipboard' in navigator)) {
1825        toastMessage(`Your browser doesn't support the Clipboard API`, 'error');
1826        return true;
1827    }
1828}
1829function checkNotFocusedError(error) {
1830    if (error instanceof Error &&
1831        error.message.toLowerCase().includes('document is not focused')) {
1832        toastMessage('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.', 'warn');
1833        return true;
1834    }
1835    return false;

1836}
1837async function actionGlobalCopyState(pinia) {
1838    if (checkClipboardAccess())
1839        return;
1840    try {
1841        await navigator.clipboard.writeText(JSON.stringify(pinia.state.value));
1842        toastMessage('Global state copied to clipboard.');
1843    }
1844    catch (error) {
1845        if (checkNotFocusedError(error))
1846            return;
1847        toastMessage(`Failed to serialize the state. Check the console for more details.`, 'error');
1848        console.error(error);
1849    }
1850}
1851async function actionGlobalPasteState(pinia) {
1852    if (checkClipboardAccess())
1853        return;
1854    try {
1855        loadStoresState(pinia, JSON.parse(await navigator.clipboard.readText()));
1856        toastMessage('Global state pasted from clipboard.');
1857    }
1858    catch (error) {
1859        if (checkNotFocusedError(error))
1860            return;
1861        toastMessage(`Failed to deserialize the state from clipboard. Check the console for more details.`, 'error');
1862        console.error(error);
1863    }
1864}
1865async function actionGlobalSaveState(pinia) {
1866    try {
1867        saveAs(new Blob([JSON.stringify(pinia.state.value)], {
1868            type: 'text/plain;charset=utf-8',
1869        }), 'pinia-state.json');
1870    }
1871    catch (error) {
1872        toastMessage(`Failed to export the state as JSON. Check the console for more details.`, 'error');
1873        console.error(error);
1874    }
1875}
1876let fileInput;
1877function getFileOpener() {
1878    if (!fileInput) {
1879        fileInput = document.createElement('input');
1880        fileInput.type = 'file';
1881        fileInput.accept = '.json';
1882    }
1883    function openFile() {
1884        return new Promise((resolve, reject) => {
1885            fileInput.onchange = async () => {
1886                const files = fileInput.files;
1887                if (!files)
1888                    return resolve(null);
1889                const file = files.item(0);
1890                if (!file)
1891                    return resolve(null);
1892                return resolve({ text: await file.text(), file });
1893            };
1894            // @ts-ignore: TODO: changed from 4.3 to 4.4
1895            fileInput.oncancel = () => resolve(null);
1896            fileInput.onerror = reject;
1897            fileInput.click();
1898        });
1899    }
1900    return openFile;
1901}
1902async function actionGlobalOpenStateFile(pinia) {
1903    try {
1904        const open = getFileOpener();
1905        const result = await open();
1906        if (!result)
1907            return;
1908        const { text, file } = result;
1909        loadStoresState(pinia, JSON.parse(text));
1910        toastMessage(`Global state imported from "${file.name}".`);
1911    }
1912    catch (error) {
1913        toastMessage(`Failed to import the state from JSON. Check the console for more details.`, 'error');
1914        console.error(error);
1915    }
1916}
1917function loadStoresState(pinia, state) {
1918    for (const key in state) {
1919        const storeState = pinia.state.value[key];
1920        // store is already instantiated, patch it
1921        if (storeState) {
1922            Object.assign(storeState, state[key]);
1923        }
1924        else {
1925            // store is not instantiated, set the initial state
1926            pinia.state.value[key] = state[key];
1927        }
1928    }
1929}
1930
1931function formatDisplay(display) {
1932    return {
1933        _custom: {
1934            display,
1935        },
1936    };
1937}
1938const PINIA_ROOT_LABEL = '🍍 Pinia (root)';
1939const PINIA_ROOT_ID = '_root';
1940function formatStoreForInspectorTree(store) {
1941    return isPinia(store)
1942        ? {
1943            id: PINIA_ROOT_ID,
1944            label: PINIA_ROOT_LABEL,
1945        }
1946        : {
1947            id: store.$id,
1948            label: store.$id,
1949        };
1950}
1951function formatStoreForInspectorState(store) {
1952    if (isPinia(store)) {
1953        const storeNames = Array.from(store._s.keys());
1954        const storeMap = store._s;
1955        const state = {
1956            state: storeNames.map((storeId) => ({
1957                editable: true,
1958                key: storeId,
1959                value: store.state.value[storeId],
1960            })),
1961            getters: storeNames
1962                .filter((id) => storeMap.get(id)._getters)
1963                .map((id) => {
1964                const store = storeMap.get(id);
1965                return {
1966                    editable: false,
1967                    key: id,
1968                    value: store._getters.reduce((getters, key) => {
1969                        getters[key] = store[key];
1970                        return getters;
1971                    }, {}),
1972                };
1973            }),
1974        };
1975        return state;
1976    }
1977    const state = {
1978        state: Object.keys(store.$state).map((key) => ({
1979            editable: true,
1980            key,
1981            value: store.$state[key],
1982        })),
1983    };
1984    // avoid adding empty getters
1985    if (store._getters && store._getters.length) {
1986        state.getters = store._getters.map((getterName) => ({
1987            editable: false,
1988            key: getterName,
1989            value: store[getterName],
1990        }));
1991    }
1992    if (store._customProperties.size) {
1993        state.customProperties = Array.from(store._customProperties).map((key) => ({
1994            editable: true,
1995            key,
1996            value: store[key],
1997        }));
1998    }
1999    return state;
2000}
2001function formatEventData(events) {
2002    if (!events)
2003        return {};
2004    if (Array.isArray(events)) {
2005        // TODO: handle add and delete for arrays and objects
2006        return events.reduce((data, event) => {
2007            data.keys.push(event.key);
2008            data.operations.push(event.type);
2009            data.oldValue[event.key] = event.oldValue;
2010            data.newValue[event.key] = event.newValue;
2011            return data;
2012        }, {
2013            oldValue: {},
2014            keys: [],
2015            operations: [],
2016            newValue: {},
2017        });
2018    }
2019    else {
2020        return {
2021            operation: formatDisplay(events.type),
2022            key: formatDisplay(events.key),
2023            oldValue: events.oldValue,
2024            newValue: events.newValue,
2025        };
2026    }
2027}
2028function formatMutationType(type) {
2029    switch (type) {
2030        case MutationType.direct:
2031            return 'mutation';
2032        case MutationType.patchFunction:
2033            return '$patch';
2034        case MutationType.patchObject:
2035            return '$patch';
2036        default:
2037            return 'unknown';
2038    }
2039}
2040
2041// timeline can be paused when directly changing the state
2042let isTimelineActive = true;
2043const componentStateTypes = [];
2044const MUTATIONS_LAYER_ID = 'pinia:mutations';
2045const INSPECTOR_ID = 'pinia';
2046const { assign: assign$1 } = Object;
2047/**
2048 * Gets the displayed name of a store in devtools
2049 *
2050 * @param id - id of the store
2051 * @returns a formatted string
2052 */
2053const getStoreType = (id) => '🍍 ' + id;
2054/**
2055 * Add the pinia plugin without any store. Allows displaying a Pinia plugin tab
2056 * as soon as it is added to the application.
2057 *
2058 * @param app - Vue application
2059 * @param pinia - pinia instance
2060 */
2061function registerPiniaDevtools(app, pinia) {
2062    (0,esm/* setupDevtoolsPlugin */.$q)({
2063        id: 'dev.esm.pinia',
2064        label: 'Pinia 🍍',
2065        logo: 'https://pinia.vuejs.org/logo.svg',
2066        packageName: 'pinia',
2067        homepage: 'https://pinia.vuejs.org',
2068        componentStateTypes,
2069        app,
2070    }, (api) => {
2071        if (typeof api.now !== 'function') {
2072            toastMessage('You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html.');
2073        }
2074        api.addTimelineLayer({
2075            id: MUTATIONS_LAYER_ID,
2076            label: `Pinia 🍍`,
2077            color: 0xe5df88,
2078        });
2079        api.addInspector({
2080            id: INSPECTOR_ID,
2081            label: 'Pinia 🍍',
2082            icon: 'storage',
2083            treeFilterPlaceholder: 'Search stores',
2084            actions: [
2085                {
2086                    icon: 'content_copy',
2087                    action: () => {
2088                        actionGlobalCopyState(pinia);
2089                    },
2090                    tooltip: 'Serialize and copy the state',
2091                },
2092                {
2093                    icon: 'content_paste',
2094                    action: async () => {
2095                        await actionGlobalPasteState(pinia);
2096                        api.sendInspectorTree(INSPECTOR_ID);
2097                        api.sendInspectorState(INSPECTOR_ID);
2098                    },
2099                    tooltip: 'Replace the state with the content of your clipboard',
2100                },
2101                {
2102                    icon: 'save',
2103                    action: () => {
2104                        actionGlobalSaveState(pinia);
2105                    },
2106                    tooltip: 'Save the state as a JSON file',
2107                },
2108                {
2109                    icon: 'folder_open',
2110                    action: async () => {
2111                        await actionGlobalOpenStateFile(pinia);
2112                        api.sendInspectorTree(INSPECTOR_ID);
2113                        api.sendInspectorState(INSPECTOR_ID);
2114                    },
2115                    tooltip: 'Import the state from a JSON file',
2116                },
2117            ],
2118            nodeActions: [
2119                {
2120                    icon: 'restore',
2121                    tooltip: 'Reset the state (with "$reset")',
2122                    action: (nodeId) => {
2123                        const store = pinia._s.get(nodeId);
2124                        if (!store) {
2125                            toastMessage(`Cannot reset "${nodeId}" store because it wasn't found.`, 'warn');
2126                        }
2127                        else if (typeof store.$reset !== 'function') {
2128                            toastMessage(`Cannot reset "${nodeId}" store because it doesn't have a "$reset" method implemented.`, 'warn');
2129                        }
2130                        else {
2131                            store.$reset();
2132                            toastMessage(`Store "${nodeId}" reset.`);
2133                        }
2134                    },
2135                },
2136            ],
2137        });
2138        api.on.inspectComponent((payload, ctx) => {
2139            const proxy = (payload.componentInstance &&
2140                payload.componentInstance.proxy);
2141            if (proxy && proxy._pStores) {
2142                const piniaStores = payload.componentInstance.proxy._pStores;

2143                Object.values(piniaStores).forEach((store) => {
2144                    payload.instanceData.state.push({
2145                        type: getStoreType(store.$id),
2146                        key: 'state',
2147                        editable: true,
2148                        value: store._isOptionsAPI
2149                            ? {
2150                                _custom: {
2151                                    value: (0,vue_runtime_esm_browser_prod/* toRaw */.ux)(store.$state),
2152                                    actions: [
2153                                        {
2154                                            icon: 'restore',
2155                                            tooltip: 'Reset the state of this store',
2156                                            action: () => store.$reset(),
2157                                        },
2158                                    ],
2159                                },
2160                            }
2161                            : // NOTE: workaround to unwrap transferred refs
2162                                Object.keys(store.$state).reduce((state, key) => {
2163                                    state[key] = store.$state[key];
2164                                    return state;
2165                                }, {}),
2166                    });
2167                    if (store._getters && store._getters.length) {
2168                        payload.instanceData.state.push({
2169                            type: getStoreType(store.$id),
2170                            key: 'getters',
2171                            editable: false,
2172                            value: store._getters.reduce((getters, key) => {
2173                                try {
2174                                    getters[key] = store[key];
2175                                }
2176                                catch (error) {
2177                                    // @ts-expect-error: we just want to show it in devtools
2178                                    getters[key] = error;
2179                                }
2180                                return getters;
2181                            }, {}),
2182                        });
2183                    }
2184                });
2185            }
2186        });
2187        api.on.getInspectorTree((payload) => {
2188            if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
2189                let stores = [pinia];
2190                stores = stores.concat(Array.from(pinia._s.values()));
2191                payload.rootNodes = (payload.filter
2192                    ? stores.filter((store) => '$id' in store
2193                        ? store.$id
2194                            .toLowerCase()
2195                            .includes(payload.filter.toLowerCase())
2196                        : PINIA_ROOT_LABEL.toLowerCase().includes(payload.filter.toLowerCase()))
2197                    : stores).map(formatStoreForInspectorTree);
2198            }
2199        });
2200        // Expose pinia instance as $pinia to window
2201        globalThis.$pinia = pinia;
2202        api.on.getInspectorState((payload) => {
2203            if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
2204                const inspectedStore = payload.nodeId === PINIA_ROOT_ID
2205                    ? pinia
2206                    : pinia._s.get(payload.nodeId);
2207                if (!inspectedStore) {
2208                    // this could be the selected store restored for a different project
2209                    // so it's better not to say anything here
2210                    return;
2211                }
2212                if (inspectedStore) {
2213                    // Expose selected store as $store to window
2214                    if (payload.nodeId !== PINIA_ROOT_ID)
2215                        globalThis.$store = (0,vue_runtime_esm_browser_prod/* toRaw */.ux)(inspectedStore);
2216                    payload.state = formatStoreForInspectorState(inspectedStore);
2217                }
2218            }
2219        });
2220        api.on.editInspectorState((payload, ctx) => {
2221            if (payload.app === app && payload.inspectorId === INSPECTOR_ID) {
2222                const inspectedStore = payload.nodeId === PINIA_ROOT_ID
2223                    ? pinia
2224                    : pinia._s.get(payload.nodeId);
2225                if (!inspectedStore) {
2226                    return toastMessage(`store "${payload.nodeId}" not found`, 'error');
2227                }
2228                const { path } = payload;
2229                if (!isPinia(inspectedStore)) {
2230                    // access only the state
2231                    if (path.length !== 1 ||
2232                        !inspectedStore._customProperties.has(path[0]) ||
2233                        path[0] in inspectedStore.$state) {
2234                        path.unshift('$state');
2235                    }
2236                }
2237                else {
2238                    // Root access, we can omit the `.value` because the devtools API does it for us
2239                    path.unshift('state');
2240                }
2241                isTimelineActive = false;

2242                payload.set(inspectedStore, path, payload.state.value);
2243                isTimelineActive = true;
2244            }
2245        });
2246        api.on.editComponentState((payload) => {
2247            if (payload.type.startsWith('🍍')) {
2248                const storeId = payload.type.replace(/^🍍\s*/, '');
2249                const store = pinia._s.get(storeId);
2250                if (!store) {
2251                    return toastMessage(`store "${storeId}" not found`, 'error');
2252                }
2253                const { path } = payload;
2254                if (path[0] !== 'state') {
2255                    return toastMessage(`Invalid path for store "${storeId}":\n${path}\nOnly state can be modified.`);
2256                }
2257                // rewrite the first entry to be able to directly set the state as
2258                // well as any other path
2259                path[0] = '$state';
2260                isTimelineActive = false;
2261                payload.set(store, path, payload.state.value);
2262                isTimelineActive = true;
2263            }
2264        });
2265    });
2266}
2267function addStoreToDevtools(app, store) {
2268    if (!componentStateTypes.includes(getStoreType(store.$id))) {
2269        componentStateTypes.push(getStoreType(store.$id));
2270    }
2271    (0,esm/* setupDevtoolsPlugin */.$q)({
2272        id: 'dev.esm.pinia',
2273        label: 'Pinia 🍍',
2274        logo: 'https://pinia.vuejs.org/logo.svg',
2275        packageName: 'pinia',
2276        homepage: 'https://pinia.vuejs.org',
2277        componentStateTypes,
2278        app,
2279        settings: {
2280            logStoreChanges: {
2281                label: 'Notify about new/deleted stores',
2282                type: 'boolean',
2283                defaultValue: true,
2284            },
2285            // useEmojis: {
2286            //   label: 'Use emojis in messages ⚡️',
2287            //   type: 'boolean',
2288            //   defaultValue: true,
2289            // },
2290        },
2291    }, (api) => {
2292        // gracefully handle errors
2293        const now = typeof api.now === 'function' ? api.now.bind(api) : Date.now;
2294        store.$onAction(({ after, onError, name, args }) => {
2295            const groupId = runningActionId++;
2296            api.addTimelineEvent({
2297                layerId: MUTATIONS_LAYER_ID,
2298                event: {
2299                    time: now(),
2300                    title: '🛫 ' + name,
2301                    subtitle: 'start',
2302                    data: {
2303                        store: formatDisplay(store.$id),
2304                        action: formatDisplay(name),
2305                        args,
2306                    },
2307                    groupId,
2308                },
2309            });
2310            after((result) => {
2311                activeAction = undefined;
2312                api.addTimelineEvent({
2313                    layerId: MUTATIONS_LAYER_ID,
2314                    event: {
2315                        time: now(),
2316                        title: '🛬 ' + name,
2317                        subtitle: 'end',
2318                        data: {
2319                            store: formatDisplay(store.$id),
2320                            action: formatDisplay(name),
2321                            args,
2322                            result,
2323                        },
2324                        groupId,
2325                    },
2326                });
2327            });
2328            onError((error) => {
2329                activeAction = undefined;
2330                api.addTimelineEvent({
2331                    layerId: MUTATIONS_LAYER_ID,
2332                    event: {
2333                        time: now(),
2334                        logType: 'error',
2335                        title: '💥 ' + name,
2336                        subtitle: 'end',
2337                        data: {
2338                            store: formatDisplay(store.$id),
2339                            action: formatDisplay(name),
2340                            args,
2341                            error,
2342                        },
2343                        groupId,
2344                    },
2345                });
2346            });
2347        }, true);
2348        store._customProperties.forEach((name) => {
2349            (0,vue_runtime_esm_browser_prod/* watch */.wB)(() => (0,vue_runtime_esm_browser_prod/* unref */.R1)(store[name]), (newValue, oldValue) => {
2350                api.notifyComponentUpdate();
2351                api.sendInspectorState(INSPECTOR_ID);
2352                if (isTimelineActive) {
2353                    api.addTimelineEvent({
2354                        layerId: MUTATIONS_LAYER_ID,
2355                        event: {
2356                            time: now(),
2357                            title: 'Change',
2358                            subtitle: name,
2359                            data: {
2360                                newValue,
2361                                oldValue,
2362                            },
2363                            groupId: activeAction,
2364                        },
2365                    });
2366                }
2367            }, { deep: true });
2368        });
2369        store.$subscribe(({ events, type }, state) => {
2370            api.notifyComponentUpdate();
2371            api.sendInspectorState(INSPECTOR_ID);
2372            if (!isTimelineActive)
2373                return;
2374            // rootStore.state[store.id] = state
2375            const eventData = {
2376                time: now(),
2377                title: formatMutationType(type),
2378                data: assign$1({ store: formatDisplay(store.$id) }, formatEventData(events)),
2379                groupId: activeAction,
2380            };
2381            if (type === MutationType.patchFunction) {
2382                eventData.subtitle = '⤵️';
2383            }
2384            else if (type === MutationType.patchObject) {
2385                eventData.subtitle = '🧩';
2386            }
2387            else if (events && !Array.isArray(events)) {
2388                eventData.subtitle = events.type;
2389            }
2390            if (events) {
2391                eventData.data['rawEvent(s)'] = {
2392                    _custom: {
2393                        display: 'DebuggerEvent',
2394                        type: 'object',
2395                        tooltip: 'raw DebuggerEvent[]',
2396                        value: events,
2397                    },
2398                };
2399            }
2400            api.addTimelineEvent({
2401                layerId: MUTATIONS_LAYER_ID,
2402                event: eventData,
2403            });
2404        }, { detached: true, flush: 'sync' });
2405        const hotUpdate = store._hotUpdate;
2406        store._hotUpdate = (0,vue_runtime_esm_browser_prod/* markRaw */.IG)((newStore) => {
2407            hotUpdate(newStore);
2408            api.addTimelineEvent({
2409                layerId: MUTATIONS_LAYER_ID,
2410                event: {
2411                    time: now(),
2412                    title: '🔥 ' + store.$id,
2413                    subtitle: 'HMR update',
2414                    data: {
2415                        store: formatDisplay(store.$id),
2416                        info: formatDisplay(`HMR update`),
2417                    },
2418                },
2419            });
2420            // update the devtools too
2421            api.notifyComponentUpdate();
2422            api.sendInspectorTree(INSPECTOR_ID);
2423            api.sendInspectorState(INSPECTOR_ID);
2424        });
2425        const { $dispose } = store;
2426        store.$dispose = () => {

2427            $dispose();
2428            api.notifyComponentUpdate();
2429            api.sendInspectorTree(INSPECTOR_ID);
2430            api.sendInspectorState(INSPECTOR_ID);
2431            api.getSettings().logStoreChanges &&
2432                toastMessage(`Disposed "${store.$id}" store 🗑`);
2433        };
2434        // trigger an update so it can display new registered stores
2435        api.notifyComponentUpdate();
2436        api.sendInspectorTree(INSPECTOR_ID);
2437        api.sendInspectorState(INSPECTOR_ID);
2438        api.getSettings().logStoreChanges &&
2439            toastMessage(`"${store.$id}" store installed 🆕`);
2440    });
2441}
2442let runningActionId = 0;
2443let activeAction;
2444/**
2445 * Patches a store to enable action grouping in devtools by wrapping the store with a Proxy that is passed as the
2446 * context of all actions, allowing us to set `runningAction` on each access and effectively associating any state
2447 * mutation to the action.
2448 *
2449 * @param store - store to patch
2450 * @param actionNames - list of actionst to patch
2451 */
2452function patchActionForGrouping(store, actionNames, wrapWithProxy) {
2453    // original actions of the store as they are given by pinia. We are going to override them
2454    const actions = actionNames.reduce((storeActions, actionName) => {
2455        // use toRaw to avoid tracking #541
2456        storeActions[actionName] = (0,vue_runtime_esm_browser_prod/* toRaw */.ux)(store)[actionName];
2457        return storeActions;
2458    }, {});
2459    for (const actionName in actions) {
2460        store[actionName] = function () {
2461            // the running action id is incremented in a before action hook
2462            const _actionId = runningActionId;
2463            const trackedStore = wrapWithProxy
2464                ? new Proxy(store, {
2465                    get(...args) {
2466                        activeAction = _actionId;
2467                        return Reflect.get(...args);
2468                    },
2469                    set(...args) {
2470                        activeAction = _actionId;
2471                        return Reflect.set(...args);
2472                    },
2473                })
2474                : store;
2475            // For Setup Stores we need https://github.com/tc39/proposal-async-context
2476            activeAction = _actionId;
2477            const retValue = actions[actionName].apply(trackedStore, arguments);
2478            // this is safer as async actions in Setup Stores would associate mutations done outside of the action
2479            activeAction = undefined;
2480            return retValue;
2481        };
2482    }
2483}
2484/**
2485 * pinia.use(devtoolsPlugin)
2486 */
2487function devtoolsPlugin({ app, store, options }) {
2488    // HMR module
2489    if (store.$id.startsWith('__hot:')) {
2490        return;
2491    }

2492    // detect option api vs setup api
2493    store._isOptionsAPI = !!options.state;
2494    // Do not overwrite actions mocked by @pinia/testing (#2298)
2495    if (!store._p._testing) {
2496        patchActionForGrouping(store, Object.keys(options.actions), store._isOptionsAPI);
2497        // Upgrade the HMR to also update the new actions
2498        const originalHotUpdate = store._hotUpdate;
2499        (0,vue_runtime_esm_browser_prod/* toRaw */.ux)(store)._hotUpdate = function (newStore) {
2500            originalHotUpdate.apply(this, arguments);
2501            patchActionForGrouping(store, Object.keys(newStore._hmrPayload.actions), !!store._isOptionsAPI);
2502        };
2503    }
2504    addStoreToDevtools(app, 
2505    // FIXME: is there a way to allow the assignment from Store<Id, S, G, A> to StoreGeneric?
2506    store);
2507}
2508
2509/**
2510 * Creates a Pinia instance to be used by the application
2511 */
2512function createPinia() {
2513    const scope = (0,vue_runtime_esm_browser_prod/* effectScope */.uY)(true);
2514    // NOTE: here we could check the window object for a state and directly set it
2515    // if there is anything like it with Vue 3 SSR
2516    const state = scope.run(() => (0,vue_runtime_esm_browser_prod/* ref */.KR)({}));
2517    let _p = [];
2518    // plugins added before calling app.use(pinia)
2519    let toBeInstalled = [];
2520    const pinia = (0,vue_runtime_esm_browser_prod/* markRaw */.IG)({
2521        install(app) {
2522            // this allows calling useStore() outside of a component setup after
2523            // installing pinia's plugin

2524            setActivePinia(pinia);
2525            if (!lib_isVue2) {
2526                pinia._a = app;
2527                app.provide(piniaSymbol, pinia);
2528                app.config.globalProperties.$pinia = pinia;
2529                /* istanbul ignore else */
2530                if (((( false) || (typeof __VUE_PROD_DEVTOOLS__ !== 'undefined' && __VUE_PROD_DEVTOOLS__)) && !("production" === 'test')) && IS_CLIENT) {
2531                    registerPiniaDevtools(app, pinia);
2532                }
2533                toBeInstalled.forEach((plugin) => _p.push(plugin));
2534                toBeInstalled = [];
2535            }
2536        },
2537        use(plugin) {
2538            if (!this._a && !lib_isVue2) {
2539                toBeInstalled.push(plugin);
2540            }
2541            else {
2542                _p.push(plugin);
2543            }
2544            return this;
2545        },
2546        _p,
2547        // it's actually undefined here
2548        // @ts-expect-error
2549        _a: null,
2550        _e: scope,
2551        _s: new Map(),
2552        state,
2553    });
2554    // pinia devtools rely on dev only features so they cannot be forced unless
2555    // the dev build of Vue is used. Avoid old browsers like IE11.
2556    if (((( false) || (typeof __VUE_PROD_DEVTOOLS__ !== 'undefined' && __VUE_PROD_DEVTOOLS__)) && !("production" === 'test')) && IS_CLIENT && typeof Proxy !== 'undefined') {
2557        pinia.use(devtoolsPlugin);
2558    }
2559    return pinia;
2560}
2561/**
2562 * Dispose a Pinia instance by stopping its effectScope and removing the state, plugins and stores. This is mostly
2563 * useful in tests, with both a testing pinia or a regular pinia and in applications that use multiple pinia instances.
2564 * Once disposed, the pinia instance cannot be used anymore.
2565 *
2566 * @param pinia - pinia instance
2567 */
2568function disposePinia(pinia) {
2569    pinia._e.stop();
2570    pinia._s.clear();
2571    pinia._p.splice(0);
2572    pinia.state.value = {};
2573    // @ts-expect-error: non valid
2574    pinia._a = null;
2575}
2576
2577/**
2578 * Checks if a function is a `StoreDefinition`.
2579 *
2580 * @param fn - object to test
2581 * @returns true if `fn` is a StoreDefinition
2582 */
2583const isUseStore = (fn) => {
2584    return typeof fn === 'function' && typeof fn.$id === 'string';
2585};
2586/**
2587 * Mutates in place `newState` with `oldState` to _hot update_ it. It will
2588 * remove any key not existing in `newState` and recursively merge plain
2589 * objects.
2590 *
2591 * @param newState - new state object to be patched
2592 * @param oldState - old state that should be used to patch newState
2593 * @returns - newState
2594 */
2595function patchObject(newState, oldState) {
2596    // no need to go through symbols because they cannot be serialized anyway
2597    for (const key in oldState) {
2598        const subPatch = oldState[key];
2599        // skip the whole sub tree
2600        if (!(key in newState)) {
2601            continue;
2602        }
2603        const targetValue = newState[key];
2604        if (isPlainObject(targetValue) &&
2605            isPlainObject(subPatch) &&
2606            !isRef(subPatch) &&
2607            !isReactive(subPatch)) {
2608            newState[key] = patchObject(targetValue, subPatch);
2609        }
2610        else {
2611            // objects are either a bit more complex (e.g. refs) or primitives, so we
2612            // just set the whole thing
2613            if (isVue2) {
2614                set(newState, key, subPatch);
2615            }
2616            else {
2617                newState[key] = subPatch;
2618            }
2619        }
2620    }
2621    return newState;
2622}
2623/**
2624 * Creates an _accept_ function to pass to `import.meta.hot` in Vite applications.
2625 *
2626 * @example
2627 * ```js
2628 * const useUser = defineStore(...)
2629 * if (import.meta.hot) {
2630 *   import.meta.hot.accept(acceptHMRUpdate(useUser, import.meta.hot))
2631 * }
2632 * ```
2633 *
2634 * @param initialUseStore - return of the defineStore to hot update
2635 * @param hot - `import.meta.hot`
2636 */
2637function acceptHMRUpdate(initialUseStore, hot) {
2638    // strip as much as possible from iife.prod
2639    if (true) {
2640        return () => { };
2641    }
2642    return (newModule) => {
2643        const pinia = hot.data.pinia || initialUseStore._pinia;
2644        if (!pinia) {
2645            // this store is still not used
2646            return;
2647        }
2648        // preserve the pinia instance across loads
2649        hot.data.pinia = pinia;
2650        // console.log('got data', newStore)
2651        for (const exportName in newModule) {
2652            const useStore = newModule[exportName];
2653            // console.log('checking for', exportName)
2654            if (isUseStore(useStore) && pinia._s.has(useStore.$id)) {
2655                // console.log('Accepting update for', useStore.$id)
2656                const id = useStore.$id;
2657                if (id !== initialUseStore.$id) {
2658                    console.warn(`The id of the store changed from "${initialUseStore.$id}" to "${id}". Reloading.`);