{
  "version": 3,
  "sources": ["../javascripts/routes/item/properties/index.tsx", "../javascripts/routes/item/properties/base.tsx", "../javascripts/routes/item/properties/CategoriesTabs.tsx", "../javascripts/routes/item/properties/category.tsx", "../javascripts/routes/item/properties/property.tsx", "../javascripts/routes/item/properties/properties-modal.tsx", "../javascripts/routes/item/properties/propertyItems.tsx", "../javascripts/routes/item/usp-item.tsx"],
  "sourcesContent": ["import { bindActionCreators } from '@reduxjs/toolkit';\nimport React, { useState, useEffect } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\n\nimport { useTranslation } from 'react-i18next';\nimport type { DetailedVehicle } from '../../../@types/detailed-vehicle';\nimport type Item from '../../../@types/item';\nimport type { Tree } from '../../../@types/vehicle-properties';\nimport { trackPropertyTabClick, trackPropertyTabFirstClick } from '../../../actions/tracking';\nimport { getItem, getPropertyTree } from '../../../selectors/item';\nimport Base from './base';\nimport { SEARCH_TAB_ID } from './category';\n\ninterface PresenterProps {\n  item?: DetailedVehicle | Item | null;\n  propertyTree: Tree;\n  trackSetCategory: (id: number) => void;\n  headInfo?: boolean;\n  disblePropertyLinks?: boolean;\n}\n\nconst Presenter = ({\n  item,\n  propertyTree,\n  trackSetCategory,\n  headInfo,\n  disblePropertyLinks,\n}: PresenterProps) => {\n  const [activeCategoryId, setActiveCategoryId] = useState(-1);\n  const [displayModal, setDisplayModal] = useState(false);\n  const [modalTitle, setModalTitle] = useState('');\n  const [modalText, setModalText] = useState('');\n\n  useEffect(() => {\n    if (activeCategoryId < 0 && propertyTree.categories.length > 0) {\n      setActiveCategoryId(propertyTree.categories[0].id);\n    }\n  }, [propertyTree]);\n\n  if (!item) {\n    return null;\n  }\n\n  const activeCategory = propertyTree.categories.find(\n    (category: any) => category.id === activeCategoryId,\n  );\n\n  const setCategory = (id: number) => {\n    setActiveCategoryId(id);\n    trackSetCategory(id);\n  };\n\n  return (\n    <Base\n      displayModal={displayModal}\n      modalTitle={modalTitle}\n      modalText={modalText}\n      propertyTree={propertyTree}\n      activeCategory={activeCategory}\n      activeCategoryId={activeCategoryId}\n      setCategory={setCategory}\n      setDisplayModal={setDisplayModal}\n      setModalTitle={setModalTitle}\n      setModalText={setModalText}\n      headInfo={headInfo}\n      item={item}\n      disblePropertyLinks={disblePropertyLinks}\n    />\n  );\n};\n\ninterface TrackerProps {\n  headInfo?: boolean;\n  disblePropertyLinks?: boolean;\n}\n\nexport const Tracker = ({ headInfo, disblePropertyLinks }: TrackerProps) => {\n  const item = useSelector(getItem);\n  const propertyTree = useSelector(getPropertyTree);\n  return (\n    <TrackerBase\n      headInfo={headInfo}\n      disblePropertyLinks={disblePropertyLinks}\n      item={item}\n      propertyTree={propertyTree}\n    />\n  );\n};\n\ninterface TrackerBaseProps {\n  headInfo?: boolean;\n  disblePropertyLinks?: boolean;\n  item?: DetailedVehicle | Item | null;\n  propertyTree: Tree;\n}\n\nexport const TrackerBase = ({\n  headInfo,\n  disblePropertyLinks,\n  item,\n  propertyTree,\n}: TrackerBaseProps) => {\n  const { t } = useTranslation(['item']);\n  const dispatch = useDispatch();\n  const actions = bindActionCreators(\n    {\n      trackTabClick: trackPropertyTabClick,\n      trackFirstTabClick: trackPropertyTabFirstClick,\n    },\n    dispatch,\n  );\n\n  const [hasTrackedFirstClick, setHasTrackedFirstClick] = useState(false);\n  const [trackedTabClicks, setTrackedTabClicks] = useState<number[]>([]);\n\n  const trackSetCategory = (id: number) => {\n    const hasTrackedTab = trackedTabClicks.includes(id);\n    if (hasTrackedTab) {\n      return;\n    }\n\n    const categoryIndex =\n      id === SEARCH_TAB_ID\n        ? SEARCH_TAB_ID\n        : propertyTree?.categories.findIndex((category) => category.id === id);\n    if (categoryIndex === -1) {\n      return;\n    }\n\n    const updatedTrackedTabs = trackedTabClicks.concat([id]);\n    setTrackedTabClicks(updatedTrackedTabs);\n\n    const tab =\n      categoryIndex === SEARCH_TAB_ID\n        ? {\n            tabPosition: categoryIndex,\n            tabName: t('carDetailsSearch.tab.label', { ns: 'item' }),\n          }\n        : {\n            tabPosition: categoryIndex + 1, // In analytics we count from 1.\n            tabName: propertyTree?.categories[categoryIndex].name,\n          };\n    actions.trackTabClick(item, tab);\n\n    if (!hasTrackedFirstClick) {\n      setHasTrackedFirstClick(true);\n      actions.trackFirstTabClick(item, tab);\n    }\n  };\n\n  return (\n    <Presenter\n      item={item}\n      headInfo={headInfo}\n      propertyTree={propertyTree}\n      trackSetCategory={trackSetCategory}\n      disblePropertyLinks={disblePropertyLinks}\n    />\n  );\n};\n\nexport default Tracker;\n", "import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport styled from 'styled-components';\nimport type { DetailedVehicle } from '../../../@types/detailed-vehicle';\nimport type Item from '../../../@types/item';\nimport type { Tree, Category as TreeCategory } from '../../../@types/vehicle-properties';\nimport Content from '../../../styled-components/components/Content';\nimport { H3 } from '../../../styled-components/components/Heading';\nimport { StackMedium } from '../../../styled-components/components/Stack';\nimport { size } from '../../../styled-components/layout/helpers';\nimport CategoriesTabs from './CategoriesTabs';\nimport Category from './category';\nimport PropertiesModal, { ModalContext } from './properties-modal';\n\nconst PropertiesWrapper = styled.div.withConfig({ componentId: 'sc-mmqan3-0' })`\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: ${size(2)};\n`;\n\ninterface IProps {\n  displayModal: boolean;\n  modalTitle: string;\n  modalText: string;\n  item: DetailedVehicle | Item;\n  propertyTree: Tree;\n  activeCategory: TreeCategory | undefined;\n  activeCategoryId: number;\n  headInfo?: boolean;\n  disblePropertyLinks?: boolean;\n  setCategory: (arg0: number) => void;\n  setDisplayModal: (arg0: boolean) => void;\n  setModalTitle: (arg0: string) => void;\n  setModalText: (arg0: string) => void;\n}\n\nconst Base = ({\n  displayModal,\n  modalTitle,\n  modalText,\n  propertyTree,\n  activeCategory,\n  activeCategoryId,\n  setCategory,\n  setDisplayModal,\n  setModalTitle,\n  setModalText,\n  item,\n  disblePropertyLinks,\n  headInfo = true,\n}: IProps) => {\n  const { t } = useTranslation('item');\n  return (\n    <div className=\"item-section\">\n      {headInfo && (\n        <StackMedium>\n          <H3 as=\"h2\" $margin=\"small\">\n            {t('Car details', { ns: 'item' })}\n          </H3>\n          <Content>\n            <p>{t('Information from the manufacturer', { ns: 'item' })}</p>\n          </Content>\n        </StackMedium>\n      )}\n      <ModalContext.Provider\n        value={{\n          setDisplayModal,\n          setModalTitle,\n          setModalText,\n        }}\n      >\n        <StackMedium>\n          <PropertiesWrapper>\n            <CategoriesTabs\n              propertyTree={propertyTree}\n              activeCategoryId={activeCategoryId}\n              setCategory={setCategory}\n            />\n            <Category\n              activeCategoryId={activeCategoryId}\n              propertyTree={propertyTree}\n              category={activeCategory}\n              item={item}\n              disblePropertyLinks={disblePropertyLinks}\n            />\n          </PropertiesWrapper>\n        </StackMedium>\n      </ModalContext.Provider>\n      {displayModal && (\n        <PropertiesModal\n          title={modalTitle}\n          text={modalText}\n          onClose={(): void => setDisplayModal(false)}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Base;\n", "import React, { useState, useRef, useEffect } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport type { Tree } from '../../../@types/vehicle-properties';\nimport { IconSearch } from '../../../styled-components/components/Icon';\nimport { SEARCH_TAB_ID } from './category';\n\ninterface ICategoriesTabProps {\n  propertyTree: Tree;\n  activeCategoryId: number;\n  setCategory: (arg0: number) => void;\n  modifiers?: string;\n}\n\nconst CategoriesTabs = ({\n  propertyTree,\n  activeCategoryId,\n  setCategory,\n  modifiers,\n}: ICategoriesTabProps) => {\n  const { t } = useTranslation('item');\n  const [translate, setTranslate] = useState(0);\n  const [max, setMax] = useState(0);\n  const listReference = useRef<HTMLUListElement>(null);\n  const scrollDistance = 200;\n\n  const onPrev = () =>\n    setTranslate(0 < translate - scrollDistance ? translate - scrollDistance : 0);\n  const onNext = () =>\n    setTranslate(max < translate + scrollDistance ? max : translate + scrollDistance);\n\n  useEffect(() => {\n    if (listReference && listReference.current && listReference.current.children.length > 0) {\n      // Add spacing between childrens into calculation\n      let maxSize = 16 * (listReference.current.children.length - 1);\n\n      // Add width for each children\n      for (let i = 0; i < listReference.current.children.length; i++) {\n        maxSize += listReference.current.children[i].clientWidth;\n      }\n\n      setMax(maxSize - listReference.current.clientWidth);\n    }\n  }, [listReference]);\n\n  return (\n    <div data-wx-tabs={modifiers ? modifiers : ''}>\n      <div className=\"tabs\">\n        <ul\n          className=\"tab-list\"\n          ref={listReference}\n          style={{\n            transform: `translateX(${-1 * translate}px)`,\n            WebkitTransform: `translateX(${-1 * translate}px)`,\n            msTransform: `translateX(${-1 * translate}px)`,\n          }}\n        >\n          <li\n            className={`tab-item separator-right${activeCategoryId === SEARCH_TAB_ID ? ' is-active' : ''}`}\n          >\n            <button\n              type=\"button\"\n              onClick={() => setCategory(SEARCH_TAB_ID)}\n              title={t('carDetailsSearch.tab.title', { ns: 'item' })}\n              className=\"tab-action\"\n            >\n              <IconSearch />\n              {t('carDetailsSearch.tab.label', { ns: 'item' })}\n            </button>\n          </li>\n          {propertyTree.categories.map((category, index) => {\n            const isActive = category.id === activeCategoryId;\n            const listClass = isActive ? 'tab-item is-active' : 'tab-item';\n\n            return (\n              <li key={`${category.name}-${index}`} className={listClass}>\n                <button\n                  type=\"button\"\n                  onClick={() => setCategory(category.id)}\n                  title={t('Show car details in the category', { ns: 'item', name: category.name })}\n                  className=\"tab-action\"\n                >\n                  {category.name}\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n      {translate > 0 && (\n        <div className=\"tabs-nav-prev\">\n          <button type=\"button\" data-wx-actionbutton=\"\" title=\"F\u00F6reg\u00E5ende\" onClick={onPrev}>\n            <i className=\"icon-chevron-left no-margin\" />\n          </button>\n        </div>\n      )}\n      {translate !== max && max > 0 && (\n        <div className=\"tabs-nav-next\">\n          <button type=\"button\" data-wx-actionbutton=\"\" title=\"N\u00E4sta\" onClick={onNext}>\n            <i className=\"icon-chevron-right no-margin\" />\n          </button>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default CategoriesTabs;\n", "import { bindActionCreators } from '@reduxjs/toolkit';\nimport cloneDeep from 'lodash.clonedeep';\nimport React, { Fragment, useEffect, useMemo, useRef, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch } from 'react-redux';\nimport styled from 'styled-components';\nimport type { DetailedVehicle } from '../../../@types/detailed-vehicle';\nimport type Item from '../../../@types/item';\nimport type { LinkTreeItem } from '../../../@types/link-tree';\nimport type { Category, Property, Tree } from '../../../@types/vehicle-properties';\nimport { trackPropertiesFilterSearch as _trackPropertiesFilterSearch } from '../../../actions/tracking';\nimport QueryFilter from '../../../helpers/query-filter';\nimport Alert from '../../../styled-components/components/Alert';\nimport InputSearch from '../../../styled-components/components/InputSearch';\nimport { size } from '../../../styled-components/layout/helpers';\nimport { escapeRegExpString } from '../../../utils/regExp';\nimport PropertyComponent from './property';\nimport PropertyItems from './propertyItems';\n\nexport const SEARCH_TAB_ID = 999999999;\n\nconst ResultList = styled.div.withConfig({ componentId: 'sc-1sxg6o9-0' })`\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: ${size(3)};\n`;\n\nconst ResultCategory = styled.div.withConfig({ componentId: 'sc-1sxg6o9-1' })`\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n    gap: ${size(2)};\n`;\n\nconst CategoryLabelList = styled.div.withConfig({ componentId: 'sc-1sxg6o9-2' })`\n    --_label-gap: ${size(0.5)};\n\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--_label-gap);\n    font-size: var(--font-size-xsmall-static);\n    font-weight: var(--font-weight-medium);\n`;\n\nconst CategoryLabel = styled.div.withConfig({ componentId: 'sc-1sxg6o9-3' })`\n    &:not(:first-child) {\n        display: flex;\n        align-items: center;\n        gap: var(--_label-gap);\n\n        // Chevron icon between category labels\n        &::before {\n            --_icon-size: ${size(2)};\n\n            content: \"\";\n            flex-shrink: 0;\n            display: block;\n            width: var(--_icon-size);\n            height: var(--_icon-size);\n            margin: calc(var(--_icon-size) * -0.5) 0; // Bleed block\n            background-color: var(--c-border-main);\n            mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\"><path d=\"M6.374 13.374 4.96 11.96 8.92 8 4.96 4.04l1.414-1.414L11.748 8l-5.374 5.374Z\"/></svg>');\n            mask-size: 100%;\n        }\n    }\n`;\n\nconst createRegExp = (search: string) => new RegExp(`(${escapeRegExpString(search)})`, 'gi');\n\nconst filterProperty = (search: string, property: Property) => {\n  const { name, value, unit } = property;\n  const reg = createRegExp(search);\n  return reg.test(name) || (value && reg.test(value.toString())) || (unit && reg.test(unit));\n};\n\nconst reduceCategory = (search: string, category: Category): Category | undefined => {\n  category.properties = category.properties.filter((p) => filterProperty(search, p));\n  category.subCategories = category.subCategories\n    .flatMap((x) => reduceCategory(search, x))\n    .filter(Boolean) as Category[];\n\n  // If both properties and subCategories are empty, filter out this category\n  if (!category.properties.length && !category.subCategories.length) {\n    return undefined;\n  }\n\n  return category;\n};\n\nconst searchProperties = (search: string, tree: Tree) => {\n  return cloneDeep(tree.categories)\n    .flatMap((cat) => reduceCategory(search, cat))\n    .filter(Boolean) as Category[];\n};\n\ninterface IProps {\n  activeCategoryId: number;\n  propertyTree: Tree;\n  category?: Category;\n  item: DetailedVehicle | Item;\n  disblePropertyLinks?: boolean;\n}\n\nconst CategoryComponent = ({\n  activeCategoryId,\n  propertyTree,\n  category,\n  item,\n  disblePropertyLinks,\n}: IProps) => {\n  const { t } = useTranslation('item');\n  const [search, setSearch] = useState('');\n  const dispatch = useDispatch();\n  const ref = useRef(-1);\n  const trackPropertiesFilterSearch = bindActionCreators(_trackPropertiesFilterSearch, dispatch);\n\n  const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setSearch(e.currentTarget.value);\n  };\n\n  // Track filter search\n  useEffect(() => {\n    clearTimeout(ref.current);\n    ref.current = window.setTimeout(() => {\n      if (search) {\n        trackPropertiesFilterSearch(item, {\n          search,\n        });\n      }\n    }, 1000);\n  }, [search]);\n\n  const searchedProperties = useMemo(\n    () => (search ? searchProperties(search, propertyTree) : undefined),\n    [search, propertyTree],\n  );\n  const linkTree = useMemo(\n    (): { [key: string]: LinkTreeItem | undefined } => ({\n      manufacturer: {\n        title: t('properties.seoLinks.showAllFromManufacturer', {\n          ns: 'item',\n          manufacturer: item.manufacturer,\n        }),\n        queryFilter: QueryFilter.create().add('manufacturer', item.manufacturer),\n      },\n      colorName: {\n        title: t('properties.seoLinks.showAllModelsWithColor', {\n          ns: 'item',\n          manufacturer: item.manufacturer,\n          model: item.modelSeries,\n          property: item.properties.colorName,\n        }),\n        queryFilter: QueryFilter.create()\n          .add('manufacturer', item.manufacturer)\n          .add('modelSeries', item.modelSeries)\n          .add('colorName', item.properties.colorName),\n      },\n      chassis: {\n        title: t('properties.seoLinks.showAllModelsWithChassis', {\n          ns: 'item',\n          manufacturer: item.manufacturer,\n          model: item.modelSeries,\n          property: item.properties.chassis,\n        }),\n        queryFilter: QueryFilter.create()\n          .add('manufacturer', item.manufacturer)\n          .add('modelSeries', item.modelSeries)\n          .add('chassis', item.properties.chassis),\n      },\n      segment: {\n        title: t('properties.seoLinks.showAllModelsWithSegment', {\n          ns: 'item',\n          manufacturer: item.manufacturer,\n          model: item.modelSeries,\n          property: item.properties.segment,\n        }),\n        queryFilter: QueryFilter.create()\n          .add('manufacturer', item.manufacturer)\n          .add('modelSeries', item.modelSeries)\n          .add('properties.segment', item.properties.segment),\n      },\n      modelSeries: {\n        title: t('properties.seoLinks.showAllModels', {\n          ns: 'item',\n          manufacturer: item.manufacturer,\n          model: item.modelSeries,\n        }),\n        queryFilter: QueryFilter.create()\n          .add('manufacturer', item.manufacturer)\n          .add('modelSeries', item.modelSeries),\n      },\n      fuelType: {\n        title: t('properties.seoLinks.showAllModelsWithFuelType', {\n          ns: 'item',\n          manufacturer: item.manufacturer,\n          model: item.modelSeries,\n          property: item.fuelType,\n        }),\n        queryFilter: QueryFilter.create()\n          .add('manufacturer', item.manufacturer)\n          .add('modelSeries', item.modelSeries)\n          .add('fuelType', item.fuelType),\n      },\n      drivingWheel: {\n        title: t('properties.seoLinks.showAllModelsWithDrivingWheel', {\n          ns: 'item',\n          manufacturer: item.manufacturer,\n          model: item.modelSeries,\n          property: item.properties.drivingWheel,\n        }),\n        queryFilter: QueryFilter.create()\n          .add('manufacturer', item.manufacturer)\n          .add('modelSeries', item.modelSeries)\n          .add('drivingWheel', item.properties.drivingWheel),\n      },\n      gearboxType: {\n        title: t('properties.seoLinks.showAllModelsWithGearbox', {\n          ns: 'item',\n          manufacturer: item.manufacturer,\n          model: item.modelSeries,\n          property: item.gearboxType,\n        }),\n        queryFilter: QueryFilter.create()\n          .add('manufacturer', item.manufacturer)\n          .add('modelSeries', item.modelSeries)\n          .add('gearboxType', item.gearboxType),\n      },\n      modelYear: {\n        title: t('properties.seoLinks.showAllModelsWithModelYear', {\n          ns: 'item',\n          manufacturer: item.manufacturer,\n          model: item.modelSeries,\n          property: item.modelYear,\n        }),\n        queryFilter: QueryFilter.create()\n          .add('manufacturer', item.manufacturer)\n          .add('modelSeries', item.modelSeries)\n          .addRange('modelYear', item.modelYear, item.modelYear),\n      },\n    }),\n    [item],\n  );\n\n  return (\n    <>\n      {activeCategoryId === SEARCH_TAB_ID ? (\n        <>\n          <InputSearch\n            placeholder={t('carDetailsSearch.inputSearch.placeholder', { ns: 'item' })}\n            aria-label={t('carDetailsSearch.inputSearch.label', { ns: 'item' })}\n            value={search}\n            onChange={onChange}\n          />\n          {search &&\n            (searchedProperties?.length ? (\n              <ResultList>\n                {searchedProperties?.map((cat) => (\n                  <Fragment key={cat.id}>\n                    {!!cat.properties.length && (\n                      <ResultCategory key={cat.id}>\n                        <CategoryLabelList>\n                          <CategoryLabel>{cat.name}</CategoryLabel>\n                        </CategoryLabelList>\n\n                        <div data-wx-datalist=\"\">\n                          <ul className=\"data-list\">\n                            {cat.properties.map((property) => (\n                              <PropertyComponent\n                                key={property.key}\n                                property={property}\n                                link={linkTree?.[property.key]}\n                                disblePropertyLinks={disblePropertyLinks}\n                              />\n                            ))}\n                          </ul>\n                        </div>\n                      </ResultCategory>\n                    )}\n                    {cat.subCategories.map((subCat) => (\n                      <ResultCategory key={subCat.id}>\n                        <CategoryLabelList>\n                          <CategoryLabel>{cat.name}</CategoryLabel>\n                          <CategoryLabel>{subCat.name}</CategoryLabel>\n                        </CategoryLabelList>\n                        {!!subCat.properties.length && (\n                          <div data-wx-datalist=\"\">\n                            <ul className=\"data-list\">\n                              {subCat.properties.map((property) => (\n                                <PropertyComponent\n                                  key={property.key}\n                                  property={property}\n                                  link={linkTree?.[property.key]}\n                                  disblePropertyLinks={disblePropertyLinks}\n                                />\n                              ))}\n                            </ul>\n                          </div>\n                        )}\n                      </ResultCategory>\n                    ))}\n                  </Fragment>\n                ))}\n              </ResultList>\n            ) : (\n              <Alert tone=\"warning\">{t('carDetailsSearch.noResults', { ns: 'item' })}</Alert>\n            ))}\n        </>\n      ) : category ? (\n        <>\n          {!!category.properties.length && (\n            <div className=\"repeat-m-double\">\n              <PropertyItems\n                linkTree={linkTree}\n                properties={category.properties}\n                disblePropertyLinks={disblePropertyLinks}\n              />\n            </div>\n          )}\n          {category.subCategories.map((subCategory, index) => (\n            <div key={`${subCategory.name}-${index}`} className=\"repeat-m-double\">\n              <h3 className=\"h5\">{subCategory.name}</h3>\n              <PropertyItems\n                linkTree={linkTree}\n                properties={subCategory.properties}\n                disblePropertyLinks={disblePropertyLinks}\n              />\n            </div>\n          ))}\n        </>\n      ) : null}\n    </>\n  );\n};\n\nexport default CategoryComponent;\n", "import { bindActionCreators } from '@reduxjs/toolkit';\nimport React, { useContext } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useDispatch } from 'react-redux';\nimport type { LinkTreeItem } from '../../../@types/link-tree';\nimport type { Property } from '../../../@types/vehicle-properties';\nimport { search as searchAction } from '../../../actions/search';\nimport Link from '../../../components/link';\nimport type QueryFilter from '../../../helpers/query-filter';\nimport { SrOnly } from '../../../styled-components/components/SrOnly';\nimport { resetViewport } from '../../../utils/ts/viewport';\nimport { ModalContext } from './properties-modal';\n\ninterface PropertyValueProps {\n  link?: LinkTreeItem;\n  property: Property;\n  disblePropertyLinks?: boolean;\n  search: (queryFilter: QueryFilter) => void;\n}\n\nconst resetViewportHeight = () => {\n  setTimeout(() => {\n    resetViewport();\n  }, 800);\n};\n\nconst PropertyValue = ({\n  search,\n  link,\n  property,\n  disblePropertyLinks = false,\n}: PropertyValueProps) => {\n  const { t } = useTranslation(['glossary', 'validation']);\n\n  if (property.value === null || property.value === undefined) {\n    return <div className=\"data-list-value\">{t('unknown', { ns: 'validation' })}</div>;\n  }\n\n  if (property.unit) {\n    return <div className=\"data-list-value\">{`${property.value} ${property.unit}`}</div>;\n  }\n\n  if (link?.queryFilter && !disblePropertyLinks) {\n    return (\n      <div className=\"data-list-value\">\n        <Link\n          onClick={() => {\n            resetViewportHeight();\n            search(link.queryFilter as QueryFilter);\n          }}\n          to={`/sok${link.queryFilter.toQueryURL()}`}\n          data-am-link=\"thin underline current-color hover-text-dark-lighten\"\n          title={link?.title}\n        >\n          {property?.value}\n        </Link>\n      </div>\n    );\n  } else if (typeof property.value === 'boolean') {\n    if (property.value) {\n      return (\n        <div className=\"data-list-value\">\n          <i className=\"icon-check no-margin text-ui-success\" />\n          <SrOnly>{t('yes', { ns: 'glossary' })}</SrOnly>\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"data-list-value\">\n        <i className=\"icon-close no-margin text-ui-danger\" />\n        <SrOnly>{t('no', { ns: 'glossary' })}</SrOnly>\n      </div>\n    );\n  }\n\n  if (disblePropertyLinks) {\n    return <div className=\"data-list-value\">{property.value}</div>;\n  } else if (typeof property.value === 'boolean') {\n    if (property.value) {\n      return (\n        <div className=\"data-list-value\">\n          <i className=\"icon-check no-margin text-ui-success\" />\n          <SrOnly>{t('yes', { ns: 'glossary' })}</SrOnly>\n        </div>\n      );\n    }\n\n    return (\n      <div className=\"data-list-value\">\n        <i className=\"icon-close no-margin text-ui-danger\" />\n        <SrOnly>{t('no', { ns: 'glossary' })}</SrOnly>\n      </div>\n    );\n  }\n  return <div className=\"data-list-value\">{property.value}</div>;\n};\n\ninterface PropertyComponentProps {\n  property?: Property;\n  link?: LinkTreeItem;\n  disblePropertyLinks?: boolean;\n}\n\nconst PropertyComponent = ({ link, property, disblePropertyLinks }: PropertyComponentProps) => {\n  const { t } = useTranslation('common');\n  const dispatch = useDispatch();\n  const actions = bindActionCreators(\n    {\n      search: searchAction,\n    },\n    dispatch,\n  );\n  const { setDisplayModal, setModalTitle, setModalText } = useContext(ModalContext);\n\n  if (!property) {\n    return null;\n  }\n\n  return (\n    <li className={`data-list-item${typeof property?.value === 'boolean' ? ' is-boolean' : ''}`}>\n      <div className=\"data-list-label\">\n        {property?.hint ? (\n          <>\n            <button\n              type=\"button\"\n              title={t('showMoreInformationAboutCategory', {\n                ns: 'common',\n                category: property.name,\n              })}\n              className=\"data-list-btn\"\n              onClick={() => {\n                setModalTitle(property.name);\n                setModalText(property.hint || '');\n                setDisplayModal(true);\n              }}\n            >\n              {property.name}\n            </button>\n          </>\n        ) : (\n          property?.name\n        )}\n      </div>\n      <PropertyValue\n        link={link}\n        search={actions.search}\n        property={property}\n        disblePropertyLinks={disblePropertyLinks}\n      />\n    </li>\n  );\n};\n\nexport default PropertyComponent;\n", "import React, { createContext } from 'react';\n\nimport Content from '../../../styled-components/components/Content';\nimport Modal from '../../../styled-components/components/Modal';\n\ninterface IContextProps {\n  setDisplayModal: (flag: boolean) => void;\n  setModalTitle: (title: string) => void;\n  setModalText: (text: string) => void;\n}\n\nexport const ModalContext = createContext<IContextProps>(null as any);\n\ninterface IProps {\n  title: string;\n  text: string;\n  onClose: () => void;\n}\n\nconst PropertiesModal = ({ title, text, onClose }: IProps) => (\n  <Modal heading={title} onClose={onClose}>\n    <Content dangerouslySetInnerHTML={{ __html: text }} />\n  </Modal>\n);\n\nexport default PropertiesModal;\n", "import React from 'react';\nimport type { LinkTreeItem } from '../../../@types/link-tree';\nimport type { Property } from '../../../@types/vehicle-properties';\nimport PropertyComponent from './property';\n\ninterface IPropertiesProps {\n  linkTree: { [key: string]: LinkTreeItem | undefined };\n  properties: Property[];\n  disblePropertyLinks?: boolean;\n}\n\nconst PropertyItems = ({ properties, linkTree, disblePropertyLinks }: IPropertiesProps) => {\n  return (\n    <div data-wx-datalist=\"\">\n      <ul className=\"data-list\">\n        {properties.map((property, index) => {\n          return (\n            <PropertyComponent\n              link={linkTree?.[property.key]}\n              property={property}\n              key={`${property.name}-${index}`}\n              disblePropertyLinks={disblePropertyLinks}\n            />\n          );\n        })}\n      </ul>\n    </div>\n  );\n};\n\nexport default PropertyItems;\n", "import React, { useState, useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport Badge from '../../styled-components/components/Badge';\nimport Content from '../../styled-components/components/Content';\nimport Modal from '../../styled-components/components/Modal';\n\ninterface UspItemDemoCarModalProps {\n  onClose: () => void;\n}\n\nconst UspItemDemoCarModal = ({ onClose }: UspItemDemoCarModalProps) => {\n  const { t } = useTranslation(['item']);\n\n  return (\n    <Modal heading={t('demoCar.heading', { ns: 'item' })} onClose={onClose}>\n      <Content>\n        <p>{t('demoCar.description', { ns: 'item' })}</p>\n      </Content>\n    </Modal>\n  );\n};\n\ninterface Props {\n  title: React.ReactNode;\n  icon: string;\n  actionLabel?: string;\n  isDemoVersion?: boolean;\n}\n\nconst UspItem = ({ title, icon, isDemoVersion }: Props) => {\n  const { t } = useTranslation(['item']);\n  const [demoCarModal, setDemoCarModal] = useState(false);\n  const onToggleDemoCarModal = useCallback(() => setDemoCarModal(!demoCarModal), [demoCarModal]);\n\n  return (\n    <div className=\"usp-grid-item\">\n      <div className=\"usp-grid-icon\">\n        <i className={`no-margin icon-${icon}`} />\n      </div>\n      <div className=\"usp-grid-label\">{title}</div>\n      {isDemoVersion && (\n        <div className=\"usp-grid-meta\">\n          <Badge onInfo={onToggleDemoCarModal}>{t('demoCar.heading', { ns: 'item' })}</Badge>\n        </div>\n      )}\n      {demoCarModal && <UspItemDemoCarModal onClose={onToggleDemoCarModal} />}\n    </div>\n  );\n};\n\nexport default UspItem;\n"],
  "mappings": "ihCACA,IAAAA,EAA2C,SCD3C,IAAAC,EAAkB,SCAlB,IAAAC,EAAmD,SCCnD,IAAAC,GAAsB,UACtBC,EAAsE,SCDtE,IAAAC,EAAkC,SCDlC,IAAAC,EAAqC,SAW9B,IAAMC,KAAe,iBAA6B,IAAW,EAQ9DC,GAAkB,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,QAAAC,CAAQ,IAC9C,EAAAC,QAAA,cAACC,EAAA,CAAM,QAASJ,EAAO,QAASE,GAC9B,EAAAC,QAAA,cAACE,EAAA,CAAQ,wBAAyB,CAAE,OAAQJ,CAAK,EAAG,CACtD,EAGKK,GAAQP,GDLf,IAAMQ,GAAsB,IAAM,CAChC,WAAW,IAAM,CACfC,EAAc,CAChB,EAAG,GAAG,CACR,EAEMC,GAAgB,CAAC,CACrB,OAAAC,EACA,KAAAC,EACA,SAAAC,EACA,oBAAAC,EAAsB,EACxB,IAA0B,CACxB,GAAM,CAAE,EAAAC,CAAE,EAAIC,EAAe,CAAC,WAAY,YAAY,CAAC,EAEvD,OAAIH,EAAS,QAAU,MAAQA,EAAS,QAAU,OACzC,EAAAI,QAAA,cAAC,OAAI,UAAU,mBAAmBF,EAAE,UAAW,CAAE,GAAI,YAAa,CAAC,CAAE,EAG1EF,EAAS,KACJ,EAAAI,QAAA,cAAC,OAAI,UAAU,mBAAmB,GAAGJ,EAAS,KAAK,IAAIA,EAAS,IAAI,EAAG,EAG5ED,GAAM,aAAe,CAACE,EAEtB,EAAAG,QAAA,cAAC,OAAI,UAAU,mBACb,EAAAA,QAAA,cAACC,EAAA,CACC,QAAS,IAAM,CACbV,GAAoB,EACpBG,EAAOC,EAAK,WAA0B,CACxC,EACA,GAAI,OAAOA,EAAK,YAAY,WAAW,CAAC,GACxC,eAAa,uDACb,MAAOA,GAAM,OAEZC,GAAU,KACb,CACF,EAEO,OAAOA,EAAS,OAAU,UAC/BA,EAAS,MAET,EAAAI,QAAA,cAAC,OAAI,UAAU,mBACb,EAAAA,QAAA,cAAC,KAAE,UAAU,uCAAuC,EACpD,EAAAA,QAAA,cAACE,EAAA,KAAQJ,EAAE,MAAO,CAAE,GAAI,UAAW,CAAC,CAAE,CACxC,EAKF,EAAAE,QAAA,cAAC,OAAI,UAAU,mBACb,EAAAA,QAAA,cAAC,KAAE,UAAU,sCAAsC,EACnD,EAAAA,QAAA,cAACE,EAAA,KAAQJ,EAAE,KAAM,CAAE,GAAI,UAAW,CAAC,CAAE,CACvC,EAIAD,EACK,EAAAG,QAAA,cAAC,OAAI,UAAU,mBAAmBJ,EAAS,KAAM,EAC/C,OAAOA,EAAS,OAAU,UAC/BA,EAAS,MAET,EAAAI,QAAA,cAAC,OAAI,UAAU,mBACb,EAAAA,QAAA,cAAC,KAAE,UAAU,uCAAuC,EACpD,EAAAA,QAAA,cAACE,EAAA,KAAQJ,EAAE,MAAO,CAAE,GAAI,UAAW,CAAC,CAAE,CACxC,EAKF,EAAAE,QAAA,cAAC,OAAI,UAAU,mBACb,EAAAA,QAAA,cAAC,KAAE,UAAU,sCAAsC,EACnD,EAAAA,QAAA,cAACE,EAAA,KAAQJ,EAAE,KAAM,CAAE,GAAI,UAAW,CAAC,CAAE,CACvC,EAGG,EAAAE,QAAA,cAAC,OAAI,UAAU,mBAAmBJ,EAAS,KAAM,CAC1D,EAQMO,GAAoB,CAAC,CAAE,KAAAR,EAAM,SAAAC,EAAU,oBAAAC,CAAoB,IAA8B,CAC7F,GAAM,CAAE,EAAAC,CAAE,EAAIC,EAAe,QAAQ,EAC/BK,EAAWC,EAAY,EACvBC,EAAUC,EACd,CACE,OAAQb,CACV,EACAU,CACF,EACM,CAAE,gBAAAI,EAAiB,cAAAC,EAAe,aAAAC,CAAa,KAAI,cAAWC,CAAY,EAEhF,OAAKf,EAKH,EAAAI,QAAA,cAAC,MAAG,UAAW,iBAAiB,OAAOJ,GAAU,OAAU,UAAY,cAAgB,EAAE,IACvF,EAAAI,QAAA,cAAC,OAAI,UAAU,mBACZJ,GAAU,KACT,EAAAI,QAAA,gBAAAA,QAAA,cACE,EAAAA,QAAA,cAAC,UACC,KAAK,SACL,MAAOF,EAAE,mCAAoC,CAC3C,GAAI,SACJ,SAAUF,EAAS,IACrB,CAAC,EACD,UAAU,gBACV,QAAS,IAAM,CACba,EAAcb,EAAS,IAAI,EAC3Bc,EAAad,EAAS,MAAQ,EAAE,EAChCY,EAAgB,EAAI,CACtB,GAECZ,EAAS,IACZ,CACF,EAEAA,GAAU,IAEd,EACA,EAAAI,QAAA,cAACP,GAAA,CACC,KAAME,EACN,OAAQW,EAAQ,OAChB,SAAUV,EACV,oBAAqBC,EACvB,CACF,EAlCO,IAoCX,EAEOe,EAAQT,GE1Jf,IAAAU,EAAkB,SAWlB,IAAMC,GAAgB,CAAC,CAAE,WAAAC,EAAY,SAAAC,EAAU,oBAAAC,CAAoB,IAE/D,EAAAC,QAAA,cAAC,OAAI,mBAAiB,IACpB,EAAAA,QAAA,cAAC,MAAG,UAAU,aACXH,EAAW,IAAI,CAACI,EAAUC,IAEvB,EAAAF,QAAA,cAACG,EAAA,CACC,KAAML,IAAWG,EAAS,GAAG,EAC7B,SAAUA,EACV,IAAK,GAAGA,EAAS,IAAI,IAAIC,CAAK,GAC9B,oBAAqBH,EACvB,CAEH,CACH,CACF,EAIGK,EAAQR,GHXR,IAAMS,EAAgB,UAEvBC,GAAaC,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA,WAG7DC,EAAK,CAAC,CAAC;AAAA,EAGZC,GAAiBF,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA,WAGjEC,EAAK,CAAC,CAAC;AAAA,EAGZE,GAAoBH,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA,oBAC3DC,EAAK,EAAG,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUvBG,EAAgBJ,EAAO,IAAI,WAAW,CAAE,YAAa,cAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQ/CC,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAe7BI,GAAgBC,GAAmB,IAAI,OAAO,IAAIC,EAAmBD,CAAM,CAAC,IAAK,IAAI,EAErFE,GAAiB,CAACF,EAAgBG,IAAuB,CAC7D,GAAM,CAAE,KAAAC,EAAM,MAAAC,EAAO,KAAAC,CAAK,EAAIH,EACxBI,EAAMR,GAAaC,CAAM,EAC/B,OAAOO,EAAI,KAAKH,CAAI,GAAMC,GAASE,EAAI,KAAKF,EAAM,SAAS,CAAC,GAAOC,GAAQC,EAAI,KAAKD,CAAI,CAC1F,EAEME,GAAiB,CAACR,EAAgBS,IAA6C,CAOnF,GANAA,EAAS,WAAaA,EAAS,WAAW,OAAQC,GAAMR,GAAeF,EAAQU,CAAC,CAAC,EACjFD,EAAS,cAAgBA,EAAS,cAC/B,QAASE,GAAMH,GAAeR,EAAQW,CAAC,CAAC,EACxC,OAAO,OAAO,EAGb,GAACF,EAAS,WAAW,QAAU,CAACA,EAAS,cAAc,QAI3D,OAAOA,CACT,EAEMG,GAAmB,CAACZ,EAAgBa,OACjC,GAAAC,SAAUD,EAAK,UAAU,EAC7B,QAASE,GAAQP,GAAeR,EAAQe,CAAG,CAAC,EAC5C,OAAO,OAAO,EAWbC,GAAoB,CAAC,CACzB,iBAAAC,EACA,aAAAC,EACA,SAAAT,EACA,KAAAU,EACA,oBAAAC,CACF,IAAc,CACZ,GAAM,CAAE,EAAAC,CAAE,EAAIC,EAAe,MAAM,EAC7B,CAACtB,EAAQuB,CAAS,KAAI,YAAS,EAAE,EACjCC,EAAWC,EAAY,EACvBC,KAAM,UAAO,EAAE,EACfC,EAA8BC,EAAmBD,EAA8BH,CAAQ,EAEvFK,EAAYC,GAA2C,CAC3DP,EAAUO,EAAE,cAAc,KAAK,CACjC,KAGA,aAAU,IAAM,CACd,aAAaJ,EAAI,OAAO,EACxBA,EAAI,QAAU,OAAO,WAAW,IAAM,CAChC1B,GACF2B,EAA4BR,EAAM,CAChC,OAAAnB,CACF,CAAC,CAEL,EAAG,GAAI,CACT,EAAG,CAACA,CAAM,CAAC,EAEX,IAAM+B,KAAqB,WACzB,IAAO/B,EAASY,GAAiBZ,EAAQkB,CAAY,EAAI,OACzD,CAAClB,EAAQkB,CAAY,CACvB,EACMc,KAAW,WACf,KAAoD,CAClD,aAAc,CACZ,MAAOX,EAAE,8CAA+C,CACtD,GAAI,OACJ,aAAcF,EAAK,YACrB,CAAC,EACD,YAAac,EAAY,OAAO,EAAE,IAAI,eAAgBd,EAAK,YAAY,CACzE,EACA,UAAW,CACT,MAAOE,EAAE,6CAA8C,CACrD,GAAI,OACJ,aAAcF,EAAK,aACnB,MAAOA,EAAK,YACZ,SAAUA,EAAK,WAAW,SAC5B,CAAC,EACD,YAAac,EAAY,OAAO,EAC7B,IAAI,eAAgBd,EAAK,YAAY,EACrC,IAAI,cAAeA,EAAK,WAAW,EACnC,IAAI,YAAaA,EAAK,WAAW,SAAS,CAC/C,EACA,QAAS,CACP,MAAOE,EAAE,+CAAgD,CACvD,GAAI,OACJ,aAAcF,EAAK,aACnB,MAAOA,EAAK,YACZ,SAAUA,EAAK,WAAW,OAC5B,CAAC,EACD,YAAac,EAAY,OAAO,EAC7B,IAAI,eAAgBd,EAAK,YAAY,EACrC,IAAI,cAAeA,EAAK,WAAW,EACnC,IAAI,UAAWA,EAAK,WAAW,OAAO,CAC3C,EACA,QAAS,CACP,MAAOE,EAAE,+CAAgD,CACvD,GAAI,OACJ,aAAcF,EAAK,aACnB,MAAOA,EAAK,YACZ,SAAUA,EAAK,WAAW,OAC5B,CAAC,EACD,YAAac,EAAY,OAAO,EAC7B,IAAI,eAAgBd,EAAK,YAAY,EACrC,IAAI,cAAeA,EAAK,WAAW,EACnC,IAAI,qBAAsBA,EAAK,WAAW,OAAO,CACtD,EACA,YAAa,CACX,MAAOE,EAAE,oCAAqC,CAC5C,GAAI,OACJ,aAAcF,EAAK,aACnB,MAAOA,EAAK,WACd,CAAC,EACD,YAAac,EAAY,OAAO,EAC7B,IAAI,eAAgBd,EAAK,YAAY,EACrC,IAAI,cAAeA,EAAK,WAAW,CACxC,EACA,SAAU,CACR,MAAOE,EAAE,gDAAiD,CACxD,GAAI,OACJ,aAAcF,EAAK,aACnB,MAAOA,EAAK,YACZ,SAAUA,EAAK,QACjB,CAAC,EACD,YAAac,EAAY,OAAO,EAC7B,IAAI,eAAgBd,EAAK,YAAY,EACrC,IAAI,cAAeA,EAAK,WAAW,EACnC,IAAI,WAAYA,EAAK,QAAQ,CAClC,EACA,aAAc,CACZ,MAAOE,EAAE,oDAAqD,CAC5D,GAAI,OACJ,aAAcF,EAAK,aACnB,MAAOA,EAAK,YACZ,SAAUA,EAAK,WAAW,YAC5B,CAAC,EACD,YAAac,EAAY,OAAO,EAC7B,IAAI,eAAgBd,EAAK,YAAY,EACrC,IAAI,cAAeA,EAAK,WAAW,EACnC,IAAI,eAAgBA,EAAK,WAAW,YAAY,CACrD,EACA,YAAa,CACX,MAAOE,EAAE,+CAAgD,CACvD,GAAI,OACJ,aAAcF,EAAK,aACnB,MAAOA,EAAK,YACZ,SAAUA,EAAK,WACjB,CAAC,EACD,YAAac,EAAY,OAAO,EAC7B,IAAI,eAAgBd,EAAK,YAAY,EACrC,IAAI,cAAeA,EAAK,WAAW,EACnC,IAAI,cAAeA,EAAK,WAAW,CACxC,EACA,UAAW,CACT,MAAOE,EAAE,iDAAkD,CACzD,GAAI,OACJ,aAAcF,EAAK,aACnB,MAAOA,EAAK,YACZ,SAAUA,EAAK,SACjB,CAAC,EACD,YAAac,EAAY,OAAO,EAC7B,IAAI,eAAgBd,EAAK,YAAY,EACrC,IAAI,cAAeA,EAAK,WAAW,EACnC,SAAS,YAAaA,EAAK,UAAWA,EAAK,SAAS,CACzD,CACF,GACA,CAACA,CAAI,CACP,EAEA,OACE,EAAAe,QAAA,gBAAAA,QAAA,cACGjB,IAAqBzB,EACpB,EAAA0C,QAAA,gBAAAA,QAAA,cACE,EAAAA,QAAA,cAACC,GAAA,CACC,YAAad,EAAE,2CAA4C,CAAE,GAAI,MAAO,CAAC,EACzE,aAAYA,EAAE,qCAAsC,CAAE,GAAI,MAAO,CAAC,EAClE,MAAOrB,EACP,SAAU6B,EACZ,EACC7B,IACE+B,GAAoB,OACnB,EAAAG,QAAA,cAACzC,GAAA,KACEsC,GAAoB,IAAKhB,GACxB,EAAAmB,QAAA,cAAC,YAAS,IAAKnB,EAAI,IAChB,CAAC,CAACA,EAAI,WAAW,QAChB,EAAAmB,QAAA,cAACtC,GAAA,CAAe,IAAKmB,EAAI,IACvB,EAAAmB,QAAA,cAACrC,GAAA,KACC,EAAAqC,QAAA,cAACpC,EAAA,KAAeiB,EAAI,IAAK,CAC3B,EAEA,EAAAmB,QAAA,cAAC,OAAI,mBAAiB,IACpB,EAAAA,QAAA,cAAC,MAAG,UAAU,aACXnB,EAAI,WAAW,IAAKZ,GACnB,EAAA+B,QAAA,cAACE,EAAA,CACC,IAAKjC,EAAS,IACd,SAAUA,EACV,KAAM6B,IAAW7B,EAAS,GAAG,EAC7B,oBAAqBiB,EACvB,CACD,CACH,CACF,CACF,EAEDL,EAAI,cAAc,IAAKsB,GACtB,EAAAH,QAAA,cAACtC,GAAA,CAAe,IAAKyC,EAAO,IAC1B,EAAAH,QAAA,cAACrC,GAAA,KACC,EAAAqC,QAAA,cAACpC,EAAA,KAAeiB,EAAI,IAAK,EACzB,EAAAmB,QAAA,cAACpC,EAAA,KAAeuC,EAAO,IAAK,CAC9B,EACC,CAAC,CAACA,EAAO,WAAW,QACnB,EAAAH,QAAA,cAAC,OAAI,mBAAiB,IACpB,EAAAA,QAAA,cAAC,MAAG,UAAU,aACXG,EAAO,WAAW,IAAKlC,GACtB,EAAA+B,QAAA,cAACE,EAAA,CACC,IAAKjC,EAAS,IACd,SAAUA,EACV,KAAM6B,IAAW7B,EAAS,GAAG,EAC7B,oBAAqBiB,EACvB,CACD,CACH,CACF,CAEJ,CACD,CACH,CACD,CACH,EAEA,EAAAc,QAAA,cAACI,EAAA,CAAM,KAAK,WAAWjB,EAAE,6BAA8B,CAAE,GAAI,MAAO,CAAC,CAAE,EAE7E,EACEZ,EACF,EAAAyB,QAAA,gBAAAA,QAAA,cACG,CAAC,CAACzB,EAAS,WAAW,QACrB,EAAAyB,QAAA,cAAC,OAAI,UAAU,mBACb,EAAAA,QAAA,cAACK,EAAA,CACC,SAAUP,EACV,WAAYvB,EAAS,WACrB,oBAAqBW,EACvB,CACF,EAEDX,EAAS,cAAc,IAAI,CAAC+B,EAAaC,IACxC,EAAAP,QAAA,cAAC,OAAI,IAAK,GAAGM,EAAY,IAAI,IAAIC,CAAK,GAAI,UAAU,mBAClD,EAAAP,QAAA,cAAC,MAAG,UAAU,MAAMM,EAAY,IAAK,EACrC,EAAAN,QAAA,cAACK,EAAA,CACC,SAAUP,EACV,WAAYQ,EAAY,WACxB,oBAAqBpB,EACvB,CACF,CACD,CACH,EACE,IACN,CAEJ,EAEOsB,GAAQ1B,GDjUf,IAAM2B,GAAiB,CAAC,CACtB,aAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,UAAAC,CACF,IAA2B,CACzB,GAAM,CAAE,EAAAC,CAAE,EAAIC,EAAe,MAAM,EAC7B,CAACC,EAAWC,CAAY,KAAI,YAAS,CAAC,EACtC,CAACC,EAAKC,CAAM,KAAI,YAAS,CAAC,EAC1BC,KAAgB,UAAyB,IAAI,EAC7CC,EAAiB,IAEjBC,EAAS,IACbL,EAAa,EAAID,EAAYK,EAAiBL,EAAYK,EAAiB,CAAC,EACxEE,EAAS,IACbN,EAAaC,EAAMF,EAAYK,EAAiBH,EAAMF,EAAYK,CAAc,EAElF,sBAAU,IAAM,CACd,GAAID,GAAiBA,EAAc,SAAWA,EAAc,QAAQ,SAAS,OAAS,EAAG,CAEvF,IAAII,EAAU,IAAMJ,EAAc,QAAQ,SAAS,OAAS,GAG5D,QAASK,EAAI,EAAGA,EAAIL,EAAc,QAAQ,SAAS,OAAQK,IACzDD,GAAWJ,EAAc,QAAQ,SAASK,CAAC,EAAE,YAG/CN,EAAOK,EAAUJ,EAAc,QAAQ,WAAW,CACpD,CACF,EAAG,CAACA,CAAa,CAAC,EAGhB,EAAAM,QAAA,cAAC,OAAI,eAAcb,GAAwB,IACzC,EAAAa,QAAA,cAAC,OAAI,UAAU,QACb,EAAAA,QAAA,cAAC,MACC,UAAU,WACV,IAAKN,EACL,MAAO,CACL,UAAW,cAAc,GAAKJ,CAAS,MACvC,gBAAiB,cAAc,GAAKA,CAAS,MAC7C,YAAa,cAAc,GAAKA,CAAS,KAC3C,GAEA,EAAAU,QAAA,cAAC,MACC,UAAW,2BAA2Bf,IAAqBgB,EAAgB,aAAe,EAAE,IAE5F,EAAAD,QAAA,cAAC,UACC,KAAK,SACL,QAAS,IAAMd,EAAYe,CAAa,EACxC,MAAOb,EAAE,6BAA8B,CAAE,GAAI,MAAO,CAAC,EACrD,UAAU,cAEV,EAAAY,QAAA,cAACE,EAAA,IAAW,EACXd,EAAE,6BAA8B,CAAE,GAAI,MAAO,CAAC,CACjD,CACF,EACCJ,EAAa,WAAW,IAAI,CAACmB,EAAUC,IAAU,CAEhD,IAAMC,EADWF,EAAS,KAAOlB,EACJ,qBAAuB,WAEpD,OACE,EAAAe,QAAA,cAAC,MAAG,IAAK,GAAGG,EAAS,IAAI,IAAIC,CAAK,GAAI,UAAWC,GAC/C,EAAAL,QAAA,cAAC,UACC,KAAK,SACL,QAAS,IAAMd,EAAYiB,EAAS,EAAE,EACtC,MAAOf,EAAE,mCAAoC,CAAE,GAAI,OAAQ,KAAMe,EAAS,IAAK,CAAC,EAChF,UAAU,cAETA,EAAS,IACZ,CACF,CAEJ,CAAC,CACH,CACF,EACCb,EAAY,GACX,EAAAU,QAAA,cAAC,OAAI,UAAU,iBACb,EAAAA,QAAA,cAAC,UAAO,KAAK,SAAS,uBAAqB,GAAG,MAAM,mBAAa,QAASJ,GACxE,EAAAI,QAAA,cAAC,KAAE,UAAU,8BAA8B,CAC7C,CACF,EAEDV,IAAcE,GAAOA,EAAM,GAC1B,EAAAQ,QAAA,cAAC,OAAI,UAAU,iBACb,EAAAA,QAAA,cAAC,UAAO,KAAK,SAAS,uBAAqB,GAAG,MAAM,WAAQ,QAASH,GACnE,EAAAG,QAAA,cAAC,KAAE,UAAU,+BAA+B,CAC9C,CACF,CAEJ,CAEJ,EAEOM,GAAQvB,GD5Ff,IAAMwB,GAAoBC,EAAO,IAAI,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA,WAGnEC,EAAK,CAAC,CAAC;AAAA,EAmBZC,GAAO,CAAC,CACZ,aAAAC,EACA,WAAAC,EACA,UAAAC,EACA,aAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,cAAAC,EACA,aAAAC,EACA,KAAAC,EACA,oBAAAC,EACA,SAAAC,EAAW,EACb,IAAc,CACZ,GAAM,CAAE,EAAAC,CAAE,EAAIC,EAAe,MAAM,EACnC,OACE,EAAAC,QAAA,cAAC,OAAI,UAAU,gBACZH,GACC,EAAAG,QAAA,cAACC,EAAA,KACC,EAAAD,QAAA,cAACE,EAAA,CAAG,GAAG,KAAK,QAAQ,SACjBJ,EAAE,cAAe,CAAE,GAAI,MAAO,CAAC,CAClC,EACA,EAAAE,QAAA,cAACG,EAAA,KACC,EAAAH,QAAA,cAAC,SAAGF,EAAE,oCAAqC,CAAE,GAAI,MAAO,CAAC,CAAE,CAC7D,CACF,EAEF,EAAAE,QAAA,cAACI,EAAa,SAAb,CACC,MAAO,CACL,gBAAAZ,EACA,cAAAC,EACA,aAAAC,CACF,GAEA,EAAAM,QAAA,cAACC,EAAA,KACC,EAAAD,QAAA,cAACnB,GAAA,KACC,EAAAmB,QAAA,cAACK,GAAA,CACC,aAAcjB,EACd,iBAAkBE,EAClB,YAAaC,EACf,EACA,EAAAS,QAAA,cAACM,GAAA,CACC,iBAAkBhB,EAClB,aAAcF,EACd,SAAUC,EACV,KAAMM,EACN,oBAAqBC,EACvB,CACF,CACF,CACF,EACCX,GACC,EAAAe,QAAA,cAACO,GAAA,CACC,MAAOrB,EACP,KAAMC,EACN,QAAS,IAAYK,EAAgB,EAAK,EAC5C,CAEJ,CAEJ,EAEOgB,GAAQxB,GD9Ef,IAAMyB,GAAY,CAAC,CACjB,KAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,oBAAAC,CACF,IAAsB,CACpB,GAAM,CAACC,EAAkBC,CAAmB,KAAI,YAAS,EAAE,EACrD,CAACC,EAAcC,CAAe,KAAI,YAAS,EAAK,EAChD,CAACC,EAAYC,CAAa,KAAI,YAAS,EAAE,EACzC,CAACC,EAAWC,CAAY,KAAI,YAAS,EAAE,EAQ7C,MANA,aAAU,IAAM,CACVP,EAAmB,GAAKJ,EAAa,WAAW,OAAS,GAC3DK,EAAoBL,EAAa,WAAW,CAAC,EAAE,EAAE,CAErD,EAAG,CAACA,CAAY,CAAC,EAEb,CAACD,EACH,OAAO,KAGT,IAAMa,EAAiBZ,EAAa,WAAW,KAC5Ca,GAAkBA,EAAS,KAAOT,CACrC,EAOA,OACE,EAAAU,QAAA,cAACC,GAAA,CACC,aAAcT,EACd,WAAYE,EACZ,UAAWE,EACX,aAAcV,EACd,eAAgBY,EAChB,iBAAkBR,EAClB,YAbiBY,GAAe,CAClCX,EAAoBW,CAAE,EACtBf,EAAiBe,CAAE,CACrB,EAWI,gBAAiBT,EACjB,cAAeE,EACf,aAAcE,EACd,SAAUT,EACV,KAAMH,EACN,oBAAqBI,EACvB,CAEJ,EAOac,GAAU,CAAC,CAAE,SAAAf,EAAU,oBAAAC,CAAoB,IAAoB,CAC1E,IAAMJ,EAAOmB,EAAYC,CAAO,EAC1BnB,EAAekB,EAAYE,EAAe,EAChD,OACE,EAAAN,QAAA,cAACO,GAAA,CACC,SAAUnB,EACV,oBAAqBC,EACrB,KAAMJ,EACN,aAAcC,EAChB,CAEJ,EASaqB,GAAc,CAAC,CAC1B,SAAAnB,EACA,oBAAAC,EACA,KAAAJ,EACA,aAAAC,CACF,IAAwB,CACtB,GAAM,CAAE,EAAAsB,CAAE,EAAIC,EAAe,CAAC,MAAM,CAAC,EAC/BC,EAAWC,EAAY,EACvBC,EAAUC,EACd,CACE,cAAeC,EACf,mBAAoBC,CACtB,EACAL,CACF,EAEM,CAACM,EAAsBC,CAAuB,KAAI,YAAS,EAAK,EAChE,CAACC,EAAkBC,CAAmB,KAAI,YAAmB,CAAC,CAAC,EAqCrE,OACE,EAAAnB,QAAA,cAAChB,GAAA,CACC,KAAMC,EACN,SAAUG,EACV,aAAcF,EACd,iBAxCsBgB,GAAe,CAEvC,GADsBgB,EAAiB,SAAShB,CAAE,EAEhD,OAGF,IAAMkB,EACJlB,IAAOmB,EACHA,EACAnC,GAAc,WAAW,UAAWa,IAAaA,GAAS,KAAOG,CAAE,EACzE,GAAIkB,IAAkB,GACpB,OAGF,IAAME,EAAqBJ,EAAiB,OAAO,CAAChB,CAAE,CAAC,EACvDiB,EAAoBG,CAAkB,EAEtC,IAAMC,EACJH,IAAkBC,EACd,CACE,YAAaD,EACb,QAASZ,EAAE,6BAA8B,CAAE,GAAI,MAAO,CAAC,CACzD,EACA,CACE,YAAaY,EAAgB,EAC7B,QAASlC,GAAc,WAAWkC,CAAa,EAAE,IACnD,EACNR,EAAQ,cAAc3B,EAAMsC,CAAG,EAE1BP,IACHC,EAAwB,EAAI,EAC5BL,EAAQ,mBAAmB3B,EAAMsC,CAAG,EAExC,EAQI,oBAAqBlC,EACvB,CAEJ,EAEOmC,GAAQrB,GOjKf,IAAAsB,EAA6C,SAU7C,IAAMC,GAAsB,CAAC,CAAE,QAAAC,CAAQ,IAAgC,CACrE,GAAM,CAAE,EAAAC,CAAE,EAAIC,EAAe,CAAC,MAAM,CAAC,EAErC,OACE,EAAAC,QAAA,cAACC,EAAA,CAAM,QAASH,EAAE,kBAAmB,CAAE,GAAI,MAAO,CAAC,EAAG,QAASD,GAC7D,EAAAG,QAAA,cAACE,EAAA,KACC,EAAAF,QAAA,cAAC,SAAGF,EAAE,sBAAuB,CAAE,GAAI,MAAO,CAAC,CAAE,CAC/C,CACF,CAEJ,EASMK,GAAU,CAAC,CAAE,MAAAC,EAAO,KAAAC,EAAM,cAAAC,CAAc,IAAa,CACzD,GAAM,CAAE,EAAAR,CAAE,EAAIC,EAAe,CAAC,MAAM,CAAC,EAC/B,CAACQ,EAAcC,CAAe,KAAI,YAAS,EAAK,EAChDC,KAAuB,eAAY,IAAMD,EAAgB,CAACD,CAAY,EAAG,CAACA,CAAY,CAAC,EAE7F,OACE,EAAAP,QAAA,cAAC,OAAI,UAAU,iBACb,EAAAA,QAAA,cAAC,OAAI,UAAU,iBACb,EAAAA,QAAA,cAAC,KAAE,UAAW,kBAAkBK,CAAI,GAAI,CAC1C,EACA,EAAAL,QAAA,cAAC,OAAI,UAAU,kBAAkBI,CAAM,EACtCE,GACC,EAAAN,QAAA,cAAC,OAAI,UAAU,iBACb,EAAAA,QAAA,cAACU,GAAA,CAAM,OAAQD,GAAuBX,EAAE,kBAAmB,CAAE,GAAI,MAAO,CAAC,CAAE,CAC7E,EAEDS,GAAgB,EAAAP,QAAA,cAACJ,GAAA,CAAoB,QAASa,EAAsB,CACvE,CAEJ,EAEOE,GAAQR",
  "names": ["import_react", "import_react", "import_react", "import_lodash", "import_react", "import_react", "import_react", "ModalContext", "PropertiesModal", "title", "text", "onClose", "React", "Modal_default", "Content_default", "properties_modal_default", "resetViewportHeight", "resetViewport", "PropertyValue", "search", "link", "property", "disblePropertyLinks", "t", "useTranslation", "React", "link_default", "SrOnly", "PropertyComponent", "dispatch", "useDispatch", "actions", "bindActionCreators", "setDisplayModal", "setModalTitle", "setModalText", "ModalContext", "property_default", "import_react", "PropertyItems", "properties", "linkTree", "disblePropertyLinks", "React", "property", "index", "property_default", "propertyItems_default", "SEARCH_TAB_ID", "ResultList", "dt", "size", "ResultCategory", "CategoryLabelList", "CategoryLabel", "createRegExp", "search", "escapeRegExpString", "filterProperty", "property", "name", "value", "unit", "reg", "reduceCategory", "category", "p", "x", "searchProperties", "tree", "cloneDeep", "cat", "CategoryComponent", "activeCategoryId", "propertyTree", "item", "disblePropertyLinks", "t", "useTranslation", "setSearch", "dispatch", "useDispatch", "ref", "trackPropertiesFilterSearch", "bindActionCreators", "onChange", "e", "searchedProperties", "linkTree", "query_filter_default", "React", "InputSearch_default", "property_default", "subCat", "Alert_default", "propertyItems_default", "subCategory", "index", "category_default", "CategoriesTabs", "propertyTree", "activeCategoryId", "setCategory", "modifiers", "t", "useTranslation", "translate", "setTranslate", "max", "setMax", "listReference", "scrollDistance", "onPrev", "onNext", "maxSize", "i", "React", "SEARCH_TAB_ID", "IconSearch", "category", "index", "listClass", "CategoriesTabs_default", "PropertiesWrapper", "dt", "size", "Base", "displayModal", "modalTitle", "modalText", "propertyTree", "activeCategory", "activeCategoryId", "setCategory", "setDisplayModal", "setModalTitle", "setModalText", "item", "disblePropertyLinks", "headInfo", "t", "useTranslation", "React", "StackMedium", "H3", "Content_default", "ModalContext", "CategoriesTabs_default", "category_default", "properties_modal_default", "base_default", "Presenter", "item", "propertyTree", "trackSetCategory", "headInfo", "disblePropertyLinks", "activeCategoryId", "setActiveCategoryId", "displayModal", "setDisplayModal", "modalTitle", "setModalTitle", "modalText", "setModalText", "activeCategory", "category", "React", "base_default", "id", "Tracker", "useSelector", "getItem", "getPropertyTree", "TrackerBase", "t", "useTranslation", "dispatch", "useDispatch", "actions", "bindActionCreators", "trackPropertyTabClick", "trackPropertyTabFirstClick", "hasTrackedFirstClick", "setHasTrackedFirstClick", "trackedTabClicks", "setTrackedTabClicks", "categoryIndex", "SEARCH_TAB_ID", "updatedTrackedTabs", "tab", "properties_default", "import_react", "UspItemDemoCarModal", "onClose", "t", "useTranslation", "React", "Modal_default", "Content_default", "UspItem", "title", "icon", "isDemoVersion", "demoCarModal", "setDemoCarModal", "onToggleDemoCarModal", "Badge_default", "usp_item_default"]
}